2014-05-18 18 views
0

我知道點擊一格出現在點擊第二關閉

$(document).ready(function(){ 
    $(".click").click(function(){ 
    $(".fade", this).fadeToggle(); 
    }); 
}); 

簡單的Java腳本功能,但我想,在點擊一個DIV出現,第二次關閉。就像本頁http://www.wpbeginner.com/free-wordpress-blog-setup/一樣,但在查看源代碼時我找不到任何代碼。不要擔心這個環節不屬於我或我的網站

+0

的鏈接不會起到多大目的,你甚至沒有指出哪部分做它...你的解釋否則很清楚,除非我誤解了它... – webeno

+0

在我選擇了第一個之後,你選擇了另一個答案作爲正確答案,因爲我無法理解,除了你不喜歡我的評論...... 2個基本上是一樣的,除了我的更短... – webeno

回答

0

我認爲應該這樣做

$(document).ready(function(){ 
    $('.click').click(function(){ 
     if ($('.first').is(':visible')) { 
      $('.first').css('display', 'none'); 
      $('.second').fadeIn(2000); 
     } else { 
      $('.second').css('display', 'none'); 
      $('.first').fadeIn(2000); 
     } 
    });     
}); 

http://jsfiddle.net/57VaZ/

0

假設你的HTML看起來像這樣:

<a class="click">click</a><br /> 
<a class="fade1">fade1</a><br /> 
<a class="fade2">fade2</a><br /> 

確保要在點擊顯示默認情況下隱藏的一個:

.fade2 { display:none } 

然後做jQuery中的以下內容:

$(document).ready(function(){ 
    $(".click").click(function(){ 
    $(".fade1, .fade2").fadeToggle(); 
    }); 
}); 

Here is a fiddle demo

+0

嘿你的合作德很清楚,但我問我有2個按鈕。錨定a,b和c以及div c,d,f。沒有一個是可見的,當我點擊一個只有一個應該打開,如果我點擊它第二次它不應該顯示,如果我點擊第二個錨點2應打開和第一個關閉。對於演示,你可以檢查http://www.wpbeginner.com/free-wordpress-blog-setup/,並舉兩個按鈕的例子,我想免費的博客設置,我需要說服 – user3647254

+0

爲什麼你會接受答案,然後重複你的問題(實際上甚至不太清楚)在評論中?這對我來說沒有什麼意義......如果你不能使用我提供的簡單代碼(或者@ user3631948就是這個問題),那麼你遇到了很大的麻煩...... – webeno

相關問題