单击标签并显示Div（标签名称动态更改）

Question

我有一个标签，名称为Advanced Search。

当用户点击它时，页面上会显示一个div，同时标签名称将更改为Basic Search。

当用户点击基本搜索时，它将隐藏div并将名称更改为高级搜索。怎么做？

我知道我需要使用jquery并给div或者某个东西提供id。但我暂时无法做到这一点。请帮忙！

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/