如何隱藏重疊的div並不會刪除內容

我有home.html具有當我點擊任何按鈕顯示爲如何隱藏重疊的div並不會刪除內容

  <button id="search" class="btn btn-large navigator-button navigator-icons"> 
       <i class="icon-search icon-large"></i> 
       search 
      </button> 
      </li> 
      <li> 
      <button id="playlist" class="btn btn-large navigator-button navigator-icons"> 
       <i class="icon-list icon-large"></i> 
       playlists 
      </button> 
      </li> 
      <li> 
      <button id="settings" class="btn btn-large navigator-button navigator-icons"> 
       <i class="icon-cog icon-large"></i> 
       settings 
      </button> 
      </li> 
      <li> 
       <button id="queue" class="btn btn-large navigator-button navigator-icons"> 
        <i class="icon-cog icon-play-circle"></i> 
        queue 
       </button>

以下div

<div id="feature" class="feature"> 
</div>

我有n個編號不同的按鈕，與該點擊關聯的內容顯示在<div id="feature" class="feature">

但是目前，我只是做了jQuery.load()並消滅掉現有的任何東西<div id="feature">

缺點？

我已經建立這些網頁每次
我不保留早期的頁面的狀態，例如，搜索結果的用戶搜索

我想要什麼？

我需要使基於頁面的點擊，關聯到當前點擊加載頁面的方式，同時隱藏對應其他按鈕的其他頁面點擊
我不知道如何做到這一點與jQuery的，我是很新的這

請讓我知道什麼是最好的，我能做些什麼來實現上述預先感謝您

來源

2012-08-25 daydreamer

一個可能的解決方案是使用hide（）和show（）函數，它們不會修改DOM。

http://api.jquery.com/show/

例如

$('#feature .content1').hide(); 
$('#feature .content2').show();

來源

2012-08-25 20:49:11 tpolyak

我喜歡這個想法，並在我的'HTML'和'Javascript（jQuery）'周圍洗牌，它似乎工作，謝謝@tpolyak指導在正確的方向 – daydreamer

也許你可以使用jquery-ui標籤，從你所描述的。這很容易使用。

您使用UL和LI來定義您的選項卡按鈕以及定義每個選項卡頁的DIV列表。有一些命名約定，但其餘部分由jquery-ui處理。

來源

2012-08-25 20:39:13

如何隱藏重疊的div並不會刪除內容

回答

相關問題