今回は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>
動作例
コンテンツ
リンク
ビスケットを送る0
コメント