如何申请拨打?

时间:2014-01-23 17:30:49

标签: javascript jquery

这是我的html代码,我必须在其上申请togle

 <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/ 请建议我在哪里错了

2 个答案:

答案 0 :(得分:3)

您的示例中没有一个senf类的元素。你在选择器之前还缺少一个$:

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

修改

以下是您示例中的updated fiddle。您仍然缺少$,并且您有一个迷路的</a>标记,但您还需要在要切换的项目中添加senf类。例如:

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

答案 1 :(得分:1)

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

您错过了'.senf'

上的$符号

另外,类senf的项目在哪里?我可能错过了它!