如何顯示/隱藏點擊按鈕上的內容？

-10

<p>Some Content</p>

有些內容我也有兩個按鈕，「隱藏」和「秀」。

<button>Hide</button> 
<button>Show</button>

我想隱藏內容，如果我點擊'隱藏'按鈕並再次顯示它，如果點擊'顯示'按鈕。怎麼做？使用JS或JQuery？

來源

2017-10-16 Weird Dude

你有沒有發佈這個問題之前，一派？ –

這個網站的ID在你的代碼幫助... –

我有我的叔叔谷歌誰可以真的幫助你..^_^ –

-2

您可以使用jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> 

<p>Some Content</p> 

<button onclick=" $('p').hide();">Hide</button> 
<button onclick=" $('p').show();">Show</button>

來源

2017-10-16 07:12:37

謝謝！這是所有人中最簡單的答案，我不知道爲什麼有人投票給你。 –

@ WeirdDude這是因爲它使用'onclick'屬性而被拒絕的，這是附加事件最糟糕的方式，應儘可能地避免。所有其他答案都是更好的解決方案。 –

是的，它是一個非常基本的問題做到這一點，使用一些基本的jQuery hide()和show()功能。檢查下面的代碼片段以供參考。

$('#hide').click(function() { 
 
    $('.content').hide(); 
 
}); 
 
$('#show').click(function() { 
 
    $('.content').show(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p class="content">Some Content</p> 
 

 
<button id="hide">Hide</button> 
 
<button id="show">Show</button>

來源

2017-10-16 07:13:42

如何顯示/隱藏點擊按鈕上的內容？

回答

相關問題