jquery - 单击切换 div 后使 jquery 按钮不可见

Question

我使用的代码是用于切换按钮以显示 div 的代码如下:

<button href="#" class="btn btn-danger" onclick="$('#target').toggle();">
    <b><font size="6">LOAD MORE</font></b>
</button>

我希望它在单击以显示 div 后变得不可见 - 我知道要看到它页面必须重新加载。我不确定要添加什么。

Answer 1

http://jsfiddle.net/qp13zn9s/1/

这里是一些 HTML 示例:

<button id="theButton">ClickMe</button>
<div id="theDiv" style="display:none;"><p>So text</p></div>

这是使用 JQuery 的 JavaScript:

$("#theButton").click(function(){
    $("#theButton").hide();
    $("#theDiv").show();
})