div淡入淡出

我需要你的幫助，我正在一個網站上工作，我想要一個div延遲2秒，然後在另一個div被點擊時淡入，但是當我想再次點擊它時（關閉它）我想讓它瞬間淡出。任何幫助？div淡入淡出

2013-07-07 Ed Leeman

嘗試使用jQuery庫：http://api.jquery.com/fadeIn/ –

如果你可以使用jQuery，下面的代碼將幫助你做到這一點，因爲我得到了你想要的東西：這是默認的CSS：

.invisElem{display:none}

和jQuery代碼：

$('body').on('click', '.boxbutton1', function(){ 
     var counter = $(this).data('count'); 
     if(counter == undefined){ 
      counter = 0; 
      setTimeout(function() { 
       $('.gymtext').fadeIn(500)//fadeIn after 2 seconds(2000 ms) 
      }, 2000); 
     } 
     else if(counter == 0){ 
      $('.gymtext').fadeOut(function(){ 
       $('.gymtext').remove() 
      });//fadeout quickly then remove 
     } 
    })

我試圖寫下它新手友好，如果你需要幫助添加評論

來源

2013-07-07 09:49:07 Homam

請問您可以爲我編輯這個，它的'.boxbutton1'，我想點擊，我想'.gymtext'是淡出，謝謝 –

它的完成。請考慮接受正確答案：D！並隨時詢問是否有問題 – Homam

這似乎並沒有工作，我可以給你發送整個代碼嗎？ –

<script> 
    $(document).ready(function(){ 
     $("button").click(function(){ 
     $("#div").fadeToggle(240); 
     }); 
    }); 
    </script> 

<button>Click to fade DIV</button> 

<div id="div" style="width:100px;height:100px;background-color:blue;"></div>

來源

2013-07-07 09:54:05 user2216267

認爲這將是很好的把它放在jsfiddle上：http://jsfiddle.net/dh5WP/ – Phil

這段代碼不會淡入元素？ – Homam

這是什麼即時消息後，但我需要它延遲當按鈕被點擊第二次，有什麼想法？ –

Html：

<div><a href="#" id="btn">Show div1 and hide div2</a></div> 

<div id="div1">Div1</div> 
<div id="div2">Div2</div>

定製CSS：

#div2 {display:none;}

Jquery的：

$('#btn').click(function(e){  
$('#div1').fadeOut('slow', function(){ 
    $('#div2').fadeIn('slow'); 
});

}）;

來源

2013-07-07 09:59:04 L10

當你點擊'＃btn''＃div1'淡入淡出然後'＃div2'淡入？它有一個完整的反向功能，2秒鐘在哪裏？ – Homam

回答

相關問題