私は次のようなテーブルを持っています:
左側にはメニューがリストされており、上部はロゴ、右側はデータのリストなどの実際のコンテンツです。
ここで、ユーザーがクリックしたときにメニューを非表示にし、同じものをもう一度クリックしたときに有効にします。
これをJavaスクリプトで行う方法は?
以下はサンプルの画像です:
私は次のようなテーブルを持っています:
左側にはメニューがリストされており、上部はロゴ、右側はデータのリストなどの実際のコンテンツです。
ここで、ユーザーがクリックしたときにメニューを非表示にし、同じものをもう一度クリックしたときに有効にします。
これをJavaスクリプトで行う方法は?
以下はサンプルの画像です:
これは私が望んでいたことを達成するのに役立ちました。
<!DOCTYPE html>
<html>
<head>
<script src="jquery-latest.js"></script>
</head>
<body>
<table>
<tr>
<td id="cell">
Some info
</td>
</tr>
</table>
<input type="button" id="button" value="Show/hide" />
<script>
$("#button").click(function(){
$("#cell").toggle();
});
</script>
</body>
</html>
アップデート
ここのオンラインデモ:http://jsfiddle.net/DVxSy/