Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Slidetoggle脚本不切换_Javascript_Jquery_Toggle_Show Hide_Slidetoggle - Fatal编程技术网

Javascript Slidetoggle脚本不切换

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

我有一个不起作用的拨动滑块。花数小时尝试/学习编辑和重写此内容,但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 .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中,您可以将它们应用到标题本身,请查看并提供帮助