将 .addClass() 与其他函数绑定？

Question

假设手风琴下拉菜单具有以下标准形式：

<ul>
  <li>
  <a href="#">Main Element</a>
    <ul>
      <li>
      <a href="#">Dropdown Element</a>
      </li>
    </ul>
  </li>
</ul>

我使用 jQuery 在单击父元素链接时展开：

var $j = jQuery.noConflict();

function initMenus() {
    $j('ul.menu ul').hide();
    $j.each($j('ul.menu'), function(){
        $j('#' + this.id + '.expandfirst ul:first').show();
    });
    $j('ul.menu li a').click(
        function() {
            var checkElement = $j(this).next();
            var parent = this.parentNode.parentNode.id;

            if($j('#' + parent).hasClass('noaccordion')) {
                $j(this).next().slideToggle('normal');
                return false;
            }
            if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
                if($j('#' + parent).hasClass('collapsible')) {
                    $j('#' + parent + ' ul:visible').slideUp('normal');
                }
                return false;
            }
            if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
                $j('#' + parent + ' ul:visible').slideUp('normal');
                checkElement.slideDown('normal');
                return false;
            }
        }
    );
}
$j(document).ready(function() {initMenus();});

单击时向主元素添加一个类（也称为在展开下拉列表时启用该类）尝试使用 .toggleClass(className) 但没有运气，很可能符合我的定位。我可以在哪里添加这个元素以获得所需的效果？

Answer 1

尝试将此行： 替换

var parent = this.parentNode.parentNode.id;

为：

var parent = $j(this).parent().closest('a').attr('id');

而不是：

$j(this).next().slideToggle('normal');

尝试：

$j(this).parent().closest('a').slideToggle('normal');

closest 向上移动以查找最近的链接，在您的情况下是主链接。