jQuery if li a hasClass

Question

我构建了一个显示/隐藏菜单。效果很好。但默认情况下菜单是关闭的，在导航到该页面之前这一切都很好。

当页面导航到 anchor 时， anchor 是使用“active”类构建的，我想要检查菜单中是否存在“active”，并据此显示该 block 。因此至少有一个菜单始终打开。

我当前的 jQuery 如下:

    $('.sub_menu').hide();
$('.clickable').toggle(function(){
    $(this).next('ul').slideToggle();
    $(this).css('background-position','0px -12px');
}, function()
{
    $(this).next('ul').slideToggle();
    $(this).css('background-position','0px 5px');       
});

if ($('ul.sub_menu li a').hasClass('active')) {
    $(this).css('display','block');
}

我还做了一个jsFiddle

所以我的目标是 ul.sub_menu li a = active 并且显示 sub_menu。

但没有任何运气。提前致谢

Answer 1

$('.sub_menu').hide();
$('.clickable').toggle(function(){
    $(this).next('ul').slideToggle();
    $(this).css('background-position','0px -12px');
}, function()
{
    $(this).next('ul').slideToggle();
    $(this).css('background-position','0px 5px');        
});

if ($('ul.sub_menu li a').hasClass('active')) {

    $('.sub_menu').css('display','block');
}

只有当只有一个子菜单时，此功能才有效。否则您可以使用$(this).parent().parent().css()