根據display:none ---不為被隱藏的物件保留其物理空間，即該物件在頁面上徹底消失。

選項卡的原理是將所有的內容都寫出來，先通過display:none將一開始看不到的內容隱藏，然後通過show()和hide()實現切換選項卡。

<div>
    <div class="tab_menu">
        <div class="div">1</div>
        <div class="div">2</div>
        <div class="div">3</div>
    </div>
 
    <div class="tab_content">
        <div>hello world</div>
        <div style="display:none">welcome to my world</div>
        <div style="display:none;">this is hell</div>
    </div>
</div>
<script type="text/javascript" src="style/js/jquery-2.0.0.min.js" 
 
></script>
<script>
$('.tab_menu').children().on('click',function(){
        var index = $(this).index();   //當前操作的元素索引值
$('.tab_content').children().eq(index).show().siblings().hide();   //當前顯示，其他的隱藏。
});
</script>