- 代碼: 選擇全部
<ul id="list_menu">
<li><a href="#list_aaa">AAA</a></li>
<li><a href="#list_bbb">BBB</a></li>
<li><a href="#list_ccc">CCC</a></li>
</ul>
內容 HTML
- 代碼: 選擇全部
<div id="list_aaa">
AAA 的內容
</div>
<div id="list_bbb">
BBB 的內容
</div>
<div id="list_ccc">
CCC 的內容
</div>
程式碼
- 代碼: 選擇全部
// hide all elements
var objs = $('#list_menu a').each(function() {
jQuery(jQuery(this).attr('href')).hide();
});
// click the menu to hide the elements
var last_id = '#list_aaa'; // please fill in the id of the first element yourself
$('#list_menu a').click(function() {
var id = jQuery(this).attr('href');
$(last_id).hide();
$(id).show();
last_id = id;
});