内容

html内の一部の表示・非表示を切り替える処理。
以下、clickボタンを押下して、pタグの表示を切り替えます。

html

<button>click</button>
<p>表示・非表示する要素</p>

非表示処理

非表示にする処理

$('button').click(function(){
    $('p').hide();
});

下記処理と同様。

非表示にする処理2

$('p').css('display', 'none');

表示する処理

$('button').click(function(){
    $('p').show();
});

下記処理と同様。

表示する処理2

$('p').css('display', 'block');

表示・非表示を切り替える処理

$('button').click(function(){
    $('p').toggle();
});

※表示状態によりhide,showを切り替えます。