单击标签并显示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/