單擊標籤並顯示Div（標籤名稱動態更改）

Question

我有一個標籤，將其命名爲高級搜索。

當用戶點擊它時，頁面上會顯示div，同時標籤名稱將更改爲基本搜索。

當用戶點擊基本搜索時，它會隱藏div並將名稱更改爲高級搜索。怎麼做？

我知道我需要使用jquery，並給div或其他東西。但我現在無法做到這一點。請幫忙！

Answer 1

試試這個

HTML

<label id="search">Advanced Search</label> 
<div id="searchContent" style="display:none;">Something</div> 

的JavaScript

$(function() { 
    $("#search").click(function() { 
     var text = $(this).text(); 
     if (text === "Advanced Search") { 
      $(this).text("Basic Search"); 
      $("#searchContent").show(); 
     } else { 
      $(this).text("Advanced Search"); 
      $("#searchContent").hide(); 
     } 
    }); 
}); 

演示：http://jsfiddle.net/AM6Wz/