如何显示slideToggle默认关闭？

Question

我正在用子菜单创建一个菜单，该子菜单用slideToggle打开子菜单。默认情况下，它显示子菜单，请告诉我它默认情况下只显示菜单而不显示子菜单链接。

<span>Natural Rubber Reclaim</span> 
    <ul> 
    <div id="product_tabs"> 
    <li><a href='products.html'><span>Whole Tyre Reclaim</span></a></li> 
    <li><a href='inner_tube_reclaim.html'><span>Inner Tube Reclaim</span></a></li> 
    </div> 
    </ul> 


<span><a href='synthatic_reclaim_rubber.html'>Synthatic Reclaim Rubber</a></span> 
<a href='products_5.html'><span>Crumb Rubber</span></a> 

橡胶化合物

，这是切换代码我使用

<script> 
     $(document).ready(function() { 
      $('.accordion:eq(0)> span').click(function() { 
       $(this).next().slideToggle('fast'); 
      }); 
     }); 
    </script> 

Answer 1

尝试

$(document).ready(function() { 
    $('.accordion:eq(0) > span').click(function() { 
     $(this).next().slideToggle('fast'); 
    }); 
    $('.accordion:eq(0) > span').next().hide() 
}); 

另一种解决方案将是模拟点击事件

$(document).ready(function() { 
    $('.accordion:eq(0) > span').click(function() { 
     $(this).next().slideToggle('fast'); 
    }).click(); 
});