自定义jquery脚本。magento的手风琴式垂直菜单

我在网上找到了这个jquery脚本，需要对它进行一些定制。它的作用是使magento中的垂直菜单具有手风琴效果。不过，它只对第一个类别执行此操作，不允许您访问它。我想保持这一点，但也允许较低的类别，以相同的风格打开，但让他们去适当的页面时，点击以及。我希望这是有道理的

以下是脚本：

//
// this script was written by Ben Frain - more info at http://www.benfrain.com
// 
jQuery(document).ready(function(){
  jQuery('ul#vertnav > li > ul')
    .click(function(e){
      e.stopPropagation();
    })
    .hide();



//this section below prevents the first level links being followed. 
  jQuery('ul#vertnav > li').click(function(event) {
  event.preventDefault();
});

  jQuery('ul#vertnav > li, ul#vertnav > li > ul > li').click(function(){
    var selfClick = jQuery(this).find('ul:first').is(':visible');
    if(!selfClick) {
      jQuery(this)
        .parent()
        .find('> li ul:visible')
        .slideToggle();

    }

    jQuery(this)
      .find('ul:first')
      .stop(true, true)
      .slideToggle();

  });

  //this section make the nereast ul section to the link show
  var url = window.location.toString() // this will return http://mydomain.com/pagename.html?query=xxxxxx


  // this bit adds a class to the active section for CSS 
  jQuery('ul#vertnav > li a').each(function(){
      var myHref= jQuery(this).attr('href');
      if( url.match( myHref)) {
           jQuery(this).addClass('activeClassNameForCSSHighlight')
            jQuery(this).closest('ul').show();
      }
});

});

谢谢您的帮助。

更换

jQuery('ul#vertnav > li > ul')

借

发生在哪里

它应该会起作用。检查

编辑：在我的小提琴中，我确实修改了一点当单击一个菜单时隐藏“其他”菜单的逻辑，并使用了更多变量而不是选择器（出于性能原因）。

替换

jQuery('ul#vertnav > li > ul')

借

发生在哪里

它应该会起作用。检查

---

编辑：在我的小提琴中，我确实修改了一点当单击一个菜单时隐藏“其他”菜单的逻辑，并使用了更多变量而不是选择器（出于性能原因）.

请创建一个供我们使用的。js fiddle with magento似乎很难。尝试此链接请创建一个供我们使用的。js fiddle with magento似乎很难。尝试此链接感谢您的帮助，但现在第二个菜单根本没有打开。好的，现在当我单击根目录中的某个类别时，它会关闭手风琴。尽管如此，我们还是很感激你的帮助！再次更正，出现了一个讨厌的小错误：）现在，当我单击根类别时，子类别会显示出来，但链接不起作用，它们也不会显示子类别。您需要查看调用垂直导航栏的phtml文件吗？我想我不需要phtml。是的。然而，我不明白你所说的“链接应该显示其子类别”是什么意思。如果是链接，他们怎么会有孩子？谢谢你的帮助，但是现在第二个菜单根本没有打开。好的，现在当我点击根目录中的一个类别时，它会关闭手风琴。尽管如此，我们还是很感激你的帮助！再次更正，出现了一个讨厌的小错误：）现在，当我单击根类别时，子类别会显示出来，但链接不起作用，它们也不会显示子类别。您需要查看调用垂直导航栏的phtml文件吗？我想我不需要phtml。是的。然而，我不明白你所说的“链接应该显示其子类别”是什么意思。如果他们是链接，他们怎么会有孩子？？