html
<ul class="Menu clearfix">
<li><a href="#tab1" class="curren">01</a></li>
<li><a href="#tab2">02</a></li>
<li><a href="#tab3">03</a></li>
</ul>
<ul id="contents">
<li id="tab1">Lorem ipsum dolor sit amet.</li>
<li id="tab2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui ex maiores aliquam itaque commodi assumenda similique quam mollitia alias eum?</li>
<li id="tab3">Lorem ipsum dolor sit amet consectetur adipisicing elit. .</li>
</ul>
js
$(document).ready(function (e){
$('#contents li[id!=tab1]').hide();//將所有資料隱藏,除了第一個
$('a').click(function(){//點擊後的動作
$('#contents li').hide();//將所有資料隱藏
console.log($(this).attr('href'));//取出值,本身已經在MENU的href埋下值了
$($(this).attr('href')).show();//將埋下的值的資料顯示出來
$('.curren').removeClass('curren');//原本MENU顯示刪除
$(this).addClass('curren');//換成現在的MENU
return false;
});
});
有看到你 import bootstrap
bootstrap 裡面其實就有個類似的功能了
哈,蠻快的..
目前想熟練一下js跟PHP
有空再摸摸看,感恩