jqueryparent&；儿童滑跑

我已经建立了一个购物网站的CSS菜单。想法是单击主类别，然后滑动切换启动并加载子类别。我已经建立了原则，正在研究jQuery.children

然而，当我点击链接时，什么都没有发生

我的jQuery如下所示：

$('ul.sub_menu').css('display','none');

$(".nav-list li a.clickable").toggle(function () {
  $(this).children().slideToggle();
}, function() {
  $(this).children().slideToggle();
}

我的HTML结构是这样的

<ul class="nav nav-list">
  <li>

    <a class="clickable" href="#">Christmas</a>

    <ul class="sub_menu">
      <li>
        <a href="/~sweetdis/category/wreaths" >Wreaths</a>
      </li>
      <li>
        <a href="/~sweetdis/category/large-logs">Large Logs</a>
      </li>
    </ul>

  </li>
</ul>

我是不是错过了什么

非常感谢

试试这个-

$('.sub_menu').hide();
$('.clickable').click(function(){
    $(this).next('ul').slideToggle();
});

或

当您单击“可点击的”

时，不会发生任何事情，因为它没有任何子项
请尝试以下操作-

$('.sub_menu').hide();
$('.clickable').click(function(){
    $(this).next('ul').slideToggle();
});

或


单击
clickable
时不会发生任何事情，因为它没有任何子项
，因为您使用
slideToggle
为类
clickable
的
锚定的子项使用
slideToggle
，当不存在此锚定的子项时，您可以改为使用：

提琴：
因为您使用类
可点击的
为
锚定的子级使用
滑动切换
，当不存在该锚定的子级时，您可以改为使用：

FIDDLE:
考虑将其放在JSFIDLE中，以获得更简单的帮助检查以下url以获得jquery中的slideToggle。[[ 1 ]：考虑把它放在JsFoDLE中，以便在jQuery中为SListDeGoLG的URL进行更容易的帮助检查。[（1）]这是很好的。所以，接下来是前进的道路，而不是孩子们。很多感谢的东西是伟大的，所以，接下来是前进的道路，而不是儿童。非常感谢。
$('ul.sub_menu').css('display','none');

$(".nav-list li a.clickable").click(function () {
    $(this).siblings('ul.sub_menu').slideToggle();
});​