Javascript Slidetoggle脚本不切换
我有一个不起作用的拨动滑块。花数小时尝试/学习编辑和重写此内容,但visbible和inviseble slidetoggle无法正常工作 有人能帮我使用js脚本吗: JS:Javascript Slidetoggle脚本不切换,javascript,jquery,toggle,show-hide,slidetoggle,Javascript,Jquery,Toggle,Show Hide,Slidetoggle,我有一个不起作用的拨动滑块。花数小时尝试/学习编辑和重写此内容,但visbible和inviseble slidetoggle无法正常工作 有人能帮我使用js脚本吗: JS: $('.header .ullie').hide(); $('.header h2 a').click(function() { $(".header h2").not(this).next(".header .ullie").slideUp("slow"); $(this).next(".header .u
$('.header .ullie').hide();
$('.header h2 a').click(function() {
$(".header h2").not(this).next(".header .ullie").slideUp("slow");
$(this).next(".header .ullie").slideToggle("slow");
return false;
});
$('.header h3 a').click(function() {
$(".header h3").not(this).next(".header .ullie").slideUp("slow");
$(this).next(".header .ullie").slideToggle("slow");
return false;
});
<div id="foldercontents">
<ul class="ullie">
<li class="header">
<h2><a href="javascript:void(0);">testbutton</a></h2>
<ul class="ullie">
<li class="foldercontent">
<h3>title</h3>
<ul class="ullie"><li>row 1</li></ul>
</li></ul>
</li>
<!-- second, duplicated from first -->
<li class="header">
<h2><a href="javascript:void(0);">testbutton2</a></h2>
<ul class="ullie">
<li class="foldercontent">
<h3>title</h3>
<ul class="ullie"><li>row 2</li></ul>
</li></ul>
</li>
</ul>
</div>
HTML:
$('.header .ullie').hide();
$('.header h2 a').click(function() {
$(".header h2").not(this).next(".header .ullie").slideUp("slow");
$(this).next(".header .ullie").slideToggle("slow");
return false;
});
$('.header h3 a').click(function() {
$(".header h3").not(this).next(".header .ullie").slideUp("slow");
$(this).next(".header .ullie").slideToggle("slow");
return false;
});
<div id="foldercontents">
<ul class="ullie">
<li class="header">
<h2><a href="javascript:void(0);">testbutton</a></h2>
<ul class="ullie">
<li class="foldercontent">
<h3>title</h3>
<ul class="ullie"><li>row 1</li></ul>
</li></ul>
</li>
<!-- second, duplicated from first -->
<li class="header">
<h2><a href="javascript:void(0);">testbutton2</a></h2>
<ul class="ullie">
<li class="foldercontent">
<h3>title</h3>
<ul class="ullie"><li>row 2</li></ul>
</li></ul>
</li>
</ul>
</div>
-
-
标题
- 第1行
-
-
标题
- 第2行
*添加了JQUERY库我想您正在寻找 您还可以使用
边距:0;填充:0
以防止跳转而不是溢出:隐藏,但这取决于您
还要注意的是,您不需要
标记,如果您想将jQuery添加到fiddle中,您可以将它们应用到标题本身,请查看并提供帮助