我在加载 Jquery 1.8.2 时没有问题的网站上有这个脚本(和 HTML) - 但不同的插件需要 1.8.3 版本 - 现在该功能不再起作用。我怀疑它与代码的 .parent 和 .children 部分有关(?),但我不确定。谁能告诉我如何让这个脚本与 1.8.3 或更高版本一起工作?
HTML:
<div class='toggle_parent'>
<div class='toggled_content' style='display:none;'>
My Content
</div>
<div class='toggleHolder'>
<span class='toggler'>Open</span>
<span class='toggler' style='display:none;'>Close</span>
</div>
</div>
脚本:
$(document).ready(function(){
$('.toggler').live('click',function(){
$(this).parent().children().toggle(); //swaps the display:none between the two spans
$(this).parent().parent().find('.toggled_content').slideToggle(); //swap the display of the main content with slide action
});
});
JS 小提琴在这里:http: //jsfiddle.net/UezUj/363/
(我需要脚本仅在周围的 div 中查找一个工具 div,并且不能使用 #id 来定位 div - 因为我将有许多相互相邻的切换并且不希望它们都在同时。希望这是有道理的......)