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

Question

我有一个标签，将其命名为高级搜索。

当用户点击它时，页面将显示一个 div，同时标签名称将更改为基本搜索。

当用户单击基本搜索时，它将隐藏 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/