僅當單擊按鈕時才顯示div

如何在按鈕單擊時顯示div，否則將其隱藏起來？僅當單擊按鈕時才顯示div

我已經作秀按鈕：

<script> 
$("#show").click(function(){ 
     $("#content").show(); 
    }); 
}); 
</script> 

<div class="content">Content of div</p> 

<button id="show">show</button>

來源

2015-07-11 Tim

你div有一流的內容，而你正在使用的ID選擇，而當前腳本有語法錯誤，也有在年底 –

額外括號@UmaKanth我的壞 – Jules

您可以添加visibility屬性像可視性一個div：「隱藏」

來源

2015-07-11 15:26:51 Flash

但股利不應該可見。只有那個按鈕被點擊。 – Tim

我建議你使用toogle()代替show()和hide()。

而且還把你的代碼在ready()。

如果您不想從頭開始顯示，請使用display : none或visibility: hidden;屬性。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
    $("button").click(function(){ 
 
     $("div").toggle(); 
 
    }); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 

 
<div style = "display: none;">This is a div.</div> 
 

 
<button>Toggle between hide() and show()</button> 
 

 
</body> 
 
</html>

來源

2015-07-11 15:34:02

哦，謝謝！但是當按鈕被點擊時，div應該是可見的。不直接在頁面的連接處。 – Tim

我想我需要一個js事件來調用我的頁面。 – Tim

@Tim我不認爲這是必需的，一個小的'CSS'調整是綽綽有餘 –

僅當單擊按鈕時才顯示div

回答

相關問題