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

我使用的代码用于切换按钮以显示div，如下所示：

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

加载更多

---

我希望它成为不可见的，一旦它被点击显示div-我明白看到它的页面必须重新加载。我不知道要添加什么。

使用此代码非常简单。请先为按钮添加另一个id或类，因为选择btn btn danger，所有btn btn danger按钮都将隐藏 例如，如果您添加id“loadmore”，您的代码将如下所示

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

<script>
    $('#loadmore').click(function(){

    ////// code to show more

    $('#loadmore').hide(); //// u can use other functions too

    });
    </script>

加载更多
$（“#加载更多”）。单击（函数（）{
//////代码以显示更多信息
$（“#loadmore”）.hide（）；///您也可以使用其他函数
});

我建议您使用下面的代码（更清晰）

按钮#加载更多{
字体大小：60px；
字体风格：粗体；
}
$（文档）.ready（函数（）{
$（“#加载更多”）。单击（函数（）{
$（“#目标”）.toggle（）；
$（“#loadmore”）.hide（）；///您也可以使用其他函数
});
});
加载更多

非常容易使用此代码首先为按钮添加另一个id或类，因为通过选择btn btn danger，所有btn btn danger按钮都将隐藏 例如，如果您添加id“loadmore”，您的代码将如下所示

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

<script>
    $('#loadmore').click(function(){

    ////// code to show more

    $('#loadmore').hide(); //// u can use other functions too

    });
    </script>

加载更多
$（“#加载更多”）。单击（函数（）{
//////代码以显示更多信息
$（“#loadmore”）.hide（）；///您也可以使用其他函数
});

我建议您使用下面的代码（更清晰）

按钮#加载更多{
字体大小：60px；
字体风格：粗体；
}
$（文档）.ready（函数（）{
$（“#加载更多”）。单击（函数（）{
$（“#目标”）.toggle（）；
$（“#loadmore”）.hide（）；///您也可以使用其他函数
});
});
加载更多

为清晰起见，请将事件处理程序和HTML分开：

<button type="button" class="btn btn-danger mybutton">
    <strong><span style="font-size: 2em">LOAD MORE</span></strong>
</button>

注意事项：

我有一个带有span（）的字体标记

href

是

a

标记的属性，您使用的是

按钮

，因此定义它的类型而不是href

如果您可以再次显示此按钮，或者如果可以通过此按钮以外的其他方法显示div，请使用

.toggle（）

。如果它在每个页面视图上只是单向隐藏，则可以使用一个简单的

.show（）

，因为它不能再次隐藏

---

为清晰起见，请将事件处理程序和HTML分开：

<button type="button" class="btn btn-danger mybutton">
    <strong><span style="font-size: 2em">LOAD MORE</span></strong>
</button>

注意事项：

我有一个带有span（）的字体标记

href

是

a

标记的属性，您使用的是

按钮

，因此定义它的类型而不是href

如果您可以再次显示此按钮，或者如果可以通过此按钮以外的其他方法显示div，请使用

.toggle（）

。如果它在每个页面视图上只是单向隐藏，则可以使用一个简单的

.show（）

，因为它不能再次隐藏

$（文档）.ready（函数（）{
$（“button.exampleClass”）。单击（function（）{
$（this.hide（）；
$（“#目标”）.toggle（）；
});
});

在使用上述代码之前，不要忘记调用jquery

你呢

 <button href="#" class="btn btn-danger exampleClass">
 <b><font size="6">LOAD MORE</font></b>
 </button>

加载更多

$（文档）.ready（函数（）{
$（“button.exampleClass”）。单击（function（）{
$（this.hide（）；
$（“#目标”）.toggle（）；
});
});

在使用上述代码之前，不要忘记调用jquery

你呢

 <button href="#" class="btn btn-danger exampleClass">
 <b><font size="6">LOAD MORE</font></b>
 </button>

加载更多

使用以下

代码参考

以更好地理解&您可以使用它

在您的示例中，您没有给出目标按钮的代码，但在上面链接的示例中，您可以看到这一点

这是我的密码：

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

<button id="target">Target</button>

加载更多
目标

使用以下

代码参考

以更好地理解&您可以使用它

在您的示例中，您没有给出目标按钮的代码，但在上面链接的示例中，您可以看到这一点

这是我的密码：

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

<button id="target">Target</button>

加载更多
目标

以下是一些示例HTML：

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

以下是一些示例HTML：

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

---

现在应该可见。$（“#目标”）.hide（）？？？现在应该可见。$（“#目标”）.hide（）？？？请使用

$（此）

引用回调中的元素-非常感谢您的帮助。该指导非常有效。@user3931756，请务必在投票箭头下方标记复选框，以表明该答案对您有所帮助。这将帮助未来的用户。请使用

$（This）

引用回调中的元素-非常感谢您的帮助。该指导非常有效。@user3931756，请务必在投票箭头下方标记复选框，以表明该答案对您有所帮助。这将有助于未来用户。将此事件处理程序附加到文档中的每个btn危险按钮可能是一个不好的建议。将此事件处理程序附加到文档中的每个btn危险按钮可能是一个不好的建议。我没有发布此答案，但我不明白为什么有人将其标记为无效？我没有发布此答案但我不明白为什么有人把它标记为无用？