这是我的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/ 请建议我在哪里错了
答案 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
的项目在哪里?我可能错过了它!