使用 jQuery 选择父 div 而不是每个具有相同名称的 div

Question

我的问题是，当我点击一个带有“触发器”类的 div 时，每个 div“组”都会打开，但只有父 div 应该打开，我该怎么做？

代码

// global variables
var nav           = $('.group'),
    navHeight     = nav.height()+15,
    items         = $('.group .item .trigger'),
    itemsSub      = items.next('.toggle_container'),
    itemsSubOpen  = false,
    speed         = 400;
// global functions
var navOpen = function (thisSubmenu) {
    itemsSubOpen = true;
    // get height
    thisSubmenu.css('height', 'auto');
    var thisHeight = thisSubmenu.height();
    thisSubmenu
        .css('height', '0')
        .animate({height: thisHeight }, speed)
        .addClass('open');

    nav.animate({height: thisHeight + navHeight }, speed);
};
var navClose = function () {
    itemsSubOpen = false;
    items.next('.open')
        .animate({height: 0}, speed)
        .removeClass('open');
    nav.animate({height: navHeight-15 }, speed);
};
// prepare css
itemsSub.css('display', 'block');
itemsSub.css('height', '0');
// click event
items.click(function(event) {
    // set local variables
    var thisItem = $(this),
        thisSubmenu = thisItem.next('.toggle_container');
    // conditional click event handling
    if ( itemsSubOpen  ) {
        if ( thisSubmenu.hasClass('open') ) {
            // only close
            navClose();
        } else {
            // close old, than open new
            navClose();
            setTimeout(function() {
                navOpen(thisSubmenu);
            }, speed);
        }
    } else {
        // only open
        navOpen(thisSubmenu);
    }
    // prevent default
    event.preventDefault();
});

我以这个小提琴为例： http://jsfiddle.net/kfcgg/15/ 也许你们中的一个可以帮助我解决这个问题。

谢谢

Answer 1

正确的做法是只引用父 div！

$(this).closest('.group')

将仅引用父“组”类。我希望这是有用的！