jQuery手风琴多层次层次结构问题

阿怀斯·伊姆兰(Awais Imran)

我正在尝试构建jQuery手风琴。在第一层上它工作正常,但在子层上却没有。有人可以帮我解决问题吗?

这是小提琴:

代码:

$(document).ready(function() {
$('.browse-by-categories ul div').click(function() {
    $('.browse-by-categories ul div').removeClass('on');
    $('.browse-by-categories ul.toggel').slideUp('normal');
    $('.plusMinus').text('+');
    if($(this).next().is(':hidden') == true) {
        $(this).addClass('on');
        $(this).next().slideDown('normal');
        $(this).children('.plusMinus').text('-');
     } 
 });
$('.browse-by-categories ul li div').mouseover(function() {
    $(this).addClass('over');
}).mouseout(function() {
    $(this).removeClass('over');
});
$('.browse-by-categories ul.toggel').hide();

});

matthias_h

我刚刚对您的小提琴进行了一些调整:小提琴

$(".menu, .submenu").click(function () {
  if ($(this).hasClass("on")) {

    if ($(this).hasClass("menu") && 
         $(this).next(".toggel").find("div.submenu").hasClass("on"))
    {
        $(this).next(".toggel").find("div.submenu").next(".toggel").slideUp();
        $(this).next(".toggel").find(".plusMinus").text('+');
        $(this).next(".toggel").find("div.submenu").toggleClass("on");
    }
    $(this).next(".toggel").slideUp();
    $(this).find('.plusMinus').text('+');

  }
  else {
    $(this).next(".toggel").slideDown();
    $(this).find('.plusMinus').text('-');

  }
  $(this).toggleClass("on");
});

并在div中添加了“菜单”和“子菜单”类,因此更容易识别幻灯片。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章