ボタンクリックでコンテンツを表示/非表示にする方法は？

Question

私はまた、2ボタン「を隠す」と「ショー」がpタグ

<p>Some Content</p> 

で一部のコンテンツを持っています。

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

「非表示」ボタンをクリックすると内容を非表示にし、「表示」ボタンをクリックすると表示し直します。どうやってするの？ JSまたはJQueryの使用

Answer 1

あなたははい、それはいくつかの基本的なjqueryのhide()とshow()機能を使用し、非常に基本的な質問である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> 

Answer 2

を使用してそれを行うことができます。参照のために下のスニペットを確認してください。

$('#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>