jQuery父级UL背景更改单击

时间:2011-07-18 19:22:52

标签: jquery click

**我目前有这个jQuery下拉菜单工作正常,但是我希望父级ul在点击时有背景更改,当没有点击它以便更改回第一个背景时,我尝试了几件事但是不能让它工作,看看网站,看看我的意思http://www.media21a.co.uk/clientlogin/benaiahmatheson/benaiah-matheson/profile/

感谢您的帮助:) **

$(document).ready(function(){   

    $('.navigation > ul > li > a, .shoppingbasket a').click(function(e){
        if($(this).parent().find('ul')){
            e.preventDefault();
        }
    });

    $(".navigation ul ul, .shoppingbasket ul ul").css({display: "none"});
    $(".navigation ul li, .shoppingbasket ul li").click(function(){
        $(this).find('ul:first').slideToggle(400);
    });

});

1 个答案:

答案 0 :(得分:0)

$('.navigation > ul > li > a, .shoppingbasket a').click(function(e){
    if($(this).parent().hasClass('current')){
        $(this).parent().removeClass('current');
    }else{
        $(this).parent().addClass('current');
    }
    if($(this).parent().find('ul')){
        e.preventDefault();
    }
});

CSS:

.current{
    background: #f00;
}