16/05/12 23:19:13.17 Xc9f48N7.net
>>752
> なぜ、状態を持たないliの、さらにクリックのイベントでそんなことするのかいよいよ頭おかしい。
俺はググってコピペしただけですーｗ
ついでにjQuery版
<div class="tab">
<ul>
<li><a href="#js">JavaScript</a></li>
<li><a href="#php">php</a></li>
<li><a href="#html">html</a></li>
</ul>
<div id="js">
JavaScriptのコンテンツ
</div>
<div id="php">
PHPのコンテンツ
</div>
<div id="html">
HTMLのコンテンツ
</div>
</div>
<script>
$(function() {
$('.tab').on('click', 'a', function(event) {
$(event.delegateTarget).find('div').hide();
$(($(this).attr('href'))).show()
})
})
</script>
<style>
.tab li { display: inline }
.tab div { display: none; border: 1px solid black;}
</style>