jQueryでコンテンツの表示・非表示を切り替える方法

今回はjQueryを使ってコンテンツの表示・非表示を切り替える方法を紹介します。

$("#コンテンツ").hide() //隠す
$("#コンテンツ").show() 表示する

ボタンを押すごとに表示・非表示を切り替えるサンプル

<script>
var count=0
function change_button(){
    count = count + 1
    if (count % 2 == 0){
        $("#change_content").hide()
    }else{
        $("#change_content").show()
    }
}
</script>
<button onclick="change_button()">切り替え</button>
<div id="change_content">
コンテンツ
</div>

動作例
切り替え