我有一個頂級導航欄,當您單擊一個megamenu滑下的項目時,如果再次單擊它,megamenu會滑回。jQuery:在效果完成後執行某些操作
有時,我有元素(鏈接和段落),其z指數高於mengamenus,所以當megamenus滑落時,它們出現在megamenu的頂部。我用下面的代碼解決了這個問題。
然而,解決這一問題,另一個人來了,這是我需要的幫助:
當megamenus都滑回了,元素的z-index的立即改回1,從而元素出現在megamenu的頂部,而megamenu滑回去。
有沒有辦法改變這些元素的z-index行爲後megamenus完成滑動備份?
這裏是我到目前爲止的代碼:
$('.click-menu h6 span').click(function() {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
$(this).parent().next().slideUp('fast');
$('.generic-box a, .generic-box p').css('z-index', '1');
} else {
$('.click-menu h6 span').removeClass('selected');
$(this).addClass('selected');
$('.click-menu div').slideUp('fast');
$(this).parent().next().slideDown('fast');
$('.radio-btns-wrapper-wjs').slideUp('fast');
$('.generic-box a, .generic-box p').css('z-index', '0');
}
});
任何幫助將不勝感激。
謝謝傑夫。我的代碼提示告訴我有一個語法錯誤? ($(this).hasClass('selected')){(this).removeClass()。(function){('。click-menu h6 span')。click(function(){ if 'selected'); $(this).parent()。next()。slideUp('fast',function(){'。generic-box a,.generic-box p').css(' ('。click-menu h6 span')。removeClass('selected'); $(this).addClass('selected') ; $('。click-menu div')。slideUp('fast'); $(this).parent()。next()。slideDown('fast'); $('。radio-btns- (''fast',function(){'。generic-box a,.generic-box p').css('z-index','0');('wrapper-wjs' 10}); }); – 2010-12-02 21:55:20