javascript - 如何应用切换？

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').slideToggle("fast");

编辑

这是一个updated fiddle从你的例子来看。您仍然缺少$ ，并且您有一个误关闭 </a>标签在那里，但您还需要添加一个类 senf到您想要切换的项目。例如:

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