試圖刪除菜單中的div

我對jquery相當陌生，並儘量學習。最難的部分是知道要應用什麼。我試圖找到合乎邏輯的方法，但大多數時候都很難找到。試圖刪除菜單中的div

1.我附有圖片描述我在這裏的第一個問題http://tinypic.com/r/8xka3c/7

2.我的第二個問題是如何避免選擇按鈕來切換？我只想讓它在按另一個按鈕時將恢復到正常狀態。

我真的很感謝你的幫忙！

我的代碼：

$(document).ready(function() { 
    var $div = $('#test'); 
    var height = $div.height(); 
    $div.hide().css({ height : 0 }); 

$('li#contact').click(function() { 
if ($div.is(':visible')) { 
    $div.animate({ height: 0 }, { duration: 250, complete: function() { 
     $div.hide(); 
    } }); 
} else { 
    $div.show().animate({ height : height }, { duration: 250 }); 
} 
return false; 
    }); 
}); 
    $('#nav li').click(function() { 
    $('#nav li').not(this).removeClass('active'); 
    $(this).toggleClass('active'); 
});

來源

2011-08-01 Sandro

要添加到什麼卡里姆說，我認爲你最後單擊處理程序應該是$（文件）。就緒（）（我知道這是不是一個「答案」，但我不能在發表評論呢。） – dcastro

首先，你的點擊處理程序中.toggleClass似乎有點陌生。您可以試試：

$('#nav li').click(function() { 
    $('#nav li').removeClass('active'); 
    $(this).addClass('active'); 
});

，以幫助啓動故障排除的顯示/隱藏的部分，你可能會在相關的點擊處理程序減少到這一點：

$('li#contact').click(function() { 
    $div.toggle(!$div.is(":visible")); 
});

來源

2011-08-01 01:27:33 karim79

也許試試這個

$(document).ready(function() { 
    var $div = $('#test'); 
    var height = $div.height(); 
    $div.hide().css({ height : 0 }); 

    $('li#contact').click(function() { 
     $div.animate({ height: $div.is(':visible')?0:height }, { duration: 250, 
      complete: function(){ 
      $div.toggle(!$(this).is(":visible")); 
      } 
     }); 
     return false; 
    }); 

    $('#nav li').click(function() { 
    $('#nav li').removeClass('active'); 
    $(this).toggleClass('active'); 
    }); 
});

來源

2011-08-01 01:49:25 ShankarSangoli

你想看看這個jsfiddle。我認爲這是一種更加優雅的方式來實現你想要做的事情。例如，我不太明白爲什麼你不使用jQuery函數slideUp/slideDown而不是animate函數。

- >http://jsfiddle.net/SQSDq/

來源

2011-08-01 01:53:49 Tomm

試圖刪除菜單中的div

回答

相關問題