我在一个Wordpress网站上有一个手风琴div,以前工作过,现在却没有。我停用了所有插件,但这似乎没有帮助。我仔细检查以验证我的css标记并且找不到任何损坏的东西,尽管我可能遗漏了什么?我也没有发现任何jquery冲突,但也许我的大脑只是在这一点上被炸了。
这是我的剧本:
<script type="text/javascript">
$(document).ready(function($) {
$('#accordion').find('.accordion-toggle').click(function(){
//Expand or collapse this panel
$(this).next().slideToggle('slow');
//Hide the other panels
$(".accordion-content").not($(this).next()).slideUp('slow');
});
});
</script>
这是html:
<div class="testimonials">
<h3 style="margin-bottom:0px;">TESTIMONIALS</h3>
</div>
<div class="accordion-wrap">
<div id="accordion">
<span class="accordion-toggle">Blah Blah Blah
<div class="rmore">READ MORE +</div>
<p> </p>
</span>
<div class="accordion-content">
<div class="accordion-content-wrap">
<p>
Blah Blah Blah
</p>
<p>Blah Blah Blah
</p>
<p>Blah Blah Blah
</p>
</div>
</div>
</div>
</div>
答案 0 :(得分:0)
尝试将这些脚本移动到文件末尾。您在第19~62行调用jQuery函数,但直到第110行才会加载。
答案 1 :(得分:0)
<script type="text/javascript">
$(document).ready(function($) {
$('#accordion').find('.accordion-toggle').click(function(){
//Expand or collapse this panel
$(this).next().slideToggle('slow');
//Hide the other panels
$(".accordion-content").not($(this).next()).slideUp('slow');
});
});
</script>
您已在代码中包含此功能两次。一次进入头部,一次结束。删除其中一个。