2017-08-12 44 views
-2

我是新開發人員,也是Stack Overflow的新成員。這是我的第一個問題。我卡在一個問題,我在下面描述:這是我應該用於正常工作的條件嗎?

$(document).ready(function() { 
    $(".header").click(function() { 
     if ($(".header-content").is(':visible')) { 
      $(".header-content").slideUp(600); 
     } 
     else { 
      $(this).next(".header-content").slideDown(600); 
     } 
    }); 

我上傳我的項目的圖像。

第一張圖片是當我們加載頁面。 第二個圖像是當我點擊第二個div命名跟蹤

我想編寫這個功能的代碼在其中。 1.當我加載頁面時,所有具有類標題的div應該與第一個圖像中的相同。

  1. 當我點擊任何一個從你的div區域的任何區域。名爲header-content的類應該是最初設置的display block display:none in css。

  2. 當我點擊除了打開的div以外的其他div,它應該先關閉打開的div並打開當前被點擊的div。

  3. 最後當我點擊兩次相同的div它應該關閉那個div。

我希望你現在能理解我的問題。

感謝您的幫助提前。

+1

你可以添加一個你遇到的問題的描述嗎?你已經包含了一個代碼片段,但沒有說明它應該做什麼,哪些不起作用,或者你嘗試過什麼。看看[如何問一個好問題](https://stackoverflow.com/help/how-to-ask) – javanut13

+0

你面臨什麼問題?從您共享的代碼片段中很難分辨出來。你有一個可以分享的工作例子嗎? – eulloa

+0

請編輯你的問題來解釋你有什麼問題。 –

回答

0

您發佈的搜索問題已被多次查詢。所以,只有在找不到要查找的內容時才使用提問。

由於我得到您的問題,您想切換.header-content分類元素點擊.header。 如果您可以使用jQuery的Toggle函數。如下所示:

$(document).ready(function(){ 
    $(".header").click(function(){ 
     $(".header-content").toggle("slow"); 
    }); 
}); 

您可以使用此參數的切換效果的持續時間。相應地替換「慢」。

相關問題