I-Circle Forum

代碼: 選擇全部

<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>


代碼: 選擇全部

<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;
});

SkyBread 寫:我想問呢...
如果呢到每一個tab都有一大堆野要load...
係唔係會load好耐??...

代碼: 選擇全部

$(function () {
   // 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
   $(last_id).show();
   $('#list_menu a').click(function() {
      var id = jQuery(this).attr('href');
      $(last_id).hide();
      $(id).show();
      last_id = id;
   });
});

bananasims 寫:點解要加，我用都無事