如何套用切換？

Question

這是我必須在其上應用togle的html代碼

 <div class="contact-links contact-info">
                <ul>
                        <li class="contact-link-list toggle-sub"><a data-toggle-handler="contact-details-2" href="#">Agent Details</a>
                            <ul data-toggle-group="contact-details-2" class="senf hidden">
                                <ul style="float:left">
                                    <li style="margin-right:20px;">Office hours</li>
                                    <li style="margin-right:20px;">Products offered</li>
                                    <li>Languages</li>
                                    <li>Visit Agent Site</a></li>
                                </ul>
                                <ul style='float:left; margin-left:-20px;'>
                                    <li>Mon-Fri 9:00AM-5:00PM</li>
                                    <li>Auto, Home</li>
                                    <li>English, Spanish</li></ul>

                        </ul></li>
                </ul>
            </div>  

這是我的jQuery代碼

$(document).ready(function(){
    $(".contact-link-list").click(function(){
        ('.senf').slideToggle("fast");
    });
});

這是我的jsfiddle- http://jsfiddle.net/n7U6b/請向我建議我錯了

Answer 1

在您的示例中，沒有senf類的senf 。 另外，您在選擇器之前缺少$：

$('.senf').slideToggle("fast");

編輯

這是您的示例中更新的小提琴 。 您仍然缺少$ ，並且其中有一個雜散的</a>標記，但是您還需要在要切換的項目中添加senf類。 例如：

<ul data-toggle-group="contact-details-2" class="hidden senf">

Answer 2

$(document).ready(function(){
    $(".contact-link-list").click(function(){
        $('.senf').slideToggle("fast");
    });
 });

您只是錯過了'.senf'上的$號

加上senf類的物品在senf ？ 我可能已經錯過了！