點擊圖片後顯示文字

Question

我正在製作圖片滑塊。我想這樣做，當用戶點擊圖像時，它應該被隱藏，即圖像後面的文本應該是可見的。

在我的圖像的OnClick事件中，我編寫了隱藏圖像的代碼，但如果我希望在用戶再次單擊該圖像或任何其他選項時再次顯示該圖像，該怎麼辦？

Answer 1

您可以使用jQuery的slideToggle（）或顯示（）和隱藏（）這樣的方法：

<div id="yourid"></div> 

$(document).ready(function(){ 
     $('#btnid').click(function(){ 
      $('#divid').show(); 

     }); 
     $('#btnid2').click(function(){ 
      $('#divid).hide(); 
     }); 
    }); 

Answer 2

在你的onclick事件，您可以創建文件，該文件將再次顯示圖像的一次點擊事件。

當用戶在外面點擊時也會顯示圖像。

確保單擊文檔上的事件只是一次，以避免不必要的操作。

Answer 3

與fadeToggle類似，您可以使用切換（速度）。這將在顯示無和塊之間切換。

$(document).on('click','#imageContainer',function(){ 
    $('#image').toggle(); 
)}; 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.