如果按下按钮组，则jQuery显示/隐藏分区
如果按下按钮组，则jQuery显示/隐藏分区是一种常见的前端开发技术，用于在网页中实现交互效果。通过使用jQuery库中的相关方法，可以实现点击按钮时显示或隐藏特定的区域。
具体实现步骤如下：
- 引入jQuery库：在HTML文件中的<head>标签内，使用<script>标签引入jQuery库，例如：
<script src="https://cdn.jsdelivr.net/npm/jquery"></script>- 创建按钮组和分区：在HTML文件中，创建按钮组和需要显示/隐藏的分区，例如：
<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>
<div id="section1">分区1内容</div>
<div id="section2">分区2内容</div>- 编写jQuery代码：在<script>标签内，编写jQuery代码，实现按钮点击时的显示/隐藏效果，例如：
$(document).ready(function() {
$("#btn1").click(function() {
$("#section1").toggle();
});
$("#btn2").click(function() {
$("#section2").toggle();
});
});在上述代码中，使用了jQuery的toggle()方法，当按钮被点击时，对应的分区将会显示或隐藏。
- 示例腾讯云产品和产品介绍链接地址：
- 腾讯云产品：云服务器（CVM）
- 产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云产品：云数据库 MySQL 版（CDB）
- 产品介绍链接：https://cloud.tencent.com/product/cdb
请注意，以上提供的腾讯云产品仅作为示例，实际应用中可以根据具体需求选择适合的产品。
相关·内容
如果检查了任何具有data-target="check"的输入，第一个函数将显示.check div。现在，我尝试模拟复选框的相同checked / unchecked状态，并让函数以相同的方式工作，但对于buttons，先是clicked，然后是un-clicked，方法是按下#clear按钮。 target.hide(); } display: none;
} <script src="https:/&#
浏览 13提问于2019-02-04得票数 0
回答已采纳
1回答
等待jQuery动画完成
、、、
我有以下jQuery代码：if ($('#container').is(':visible')) $('#container').该方法负责在一组按钮的样式和行为之间切换，在上述代码中，当按下按钮时显示/隐藏容器。如果当前按下按钮<
浏览 1提问于2012-08-28得票数 2
回答已采纳
3回答
如何使一个带有按钮的可切换表格指向另一个表格的不同视图？如下所示：正如您所看到的，一旦您单击这些按钮，它会将您带到另一个表列表。需要类似的东西。
浏览 2提问于2014-02-15得票数 0
1回答
我尝试了我所知道的一切(因为我是javascript/jquery的新手)。
我有两个按钮A和B。每个按钮在单击时都会显示/隐藏(切换)A各自的B内容。一次只能有一个按钮处于按下状态并显示它的内容，所以如果我单击A时B按钮及其内容处于活动状态，则A按钮变为按下状态，A内容显示，B按钮
浏览 2提问于2013-04-28得票数 0
回答已采纳
2回答
我已经在我的ReactJS应用程序中创建了一个带有按钮和div的组件。我的目标是按下按钮并显示/隐藏div，它目前正在工作。但我将重用该组件，因此我将拥有多个按钮和div。但我总是希望只显示一个div。
如果我按下一个按钮，隐藏来自同一组件的所有div，并显示我刚刚按下的按钮的div
浏览 2提问于2020-05-17得票数 0
3回答
如果按下一个按钮，我想用jquery显示一个div内容。例如,如果按钮被按下，则显示此文本div。</div>
我已经尝试使用jquery函数"fadein"，"toggle"，"sli
浏览 2提问于2010-12-24得票数 2
回答已采纳
1回答
我有以下代码： jquery('input[name="checkout[pick_up_in_store][selected]"]').change(function() { jquery(".fieldset.fieldset--address-type").detach(); }
}); 默认情况下，该按钮为fa
浏览 16提问于2020-07-03得票数 0
</form>
当文本字段中没有提交按钮时，在文本字段中按enter键不会提交表单，有什么解决方法吗？
浏览 3提问于2010-06-28得票数 3
回答已采纳
1回答
我有一个Asp.net web应用程序，在一个页面上我有一个asp:textbox，它有一个OnTextChanged函数，它检查我的数据库并显示一个错误消息(如果需要的话)。我的问题是我想禁用单选按钮。我试着在代码后面添加它，也使用JQuery，但是我无法让它工作，因为消息有时会延迟几秒钟。(用于保持按钮禁用) {
浏览 1提问于2015-12-17得票数 0
回答已采纳
我需要一个div来隐藏和展示。默认情况下，div必须隐藏。如果有人点击其他特定的div /link(但不是按钮)，就会显示隐藏的div。我想用jQuery做这件事。div class="no"></div>
<div class="proceedContent&q
浏览 5提问于2014-03-27得票数 1
回答已采纳
我希望将列标题("A“、"B”、"C“等)隐藏在我的工作表顶部，而行标题则隐藏在左侧边缘("1”、"2“、"3”等)。
但是，当我隐藏列标题时，组按按钮也会消失，因此无法<e
浏览 2提问于2015-08-14得票数 0
回答已采纳
好的，问题是我有一个div，它根据apply按钮显示和隐藏。2)如果显示了div，则它是隐藏的。
我正在使用javascript函数。如果javascript被禁用，我如何显示它？(默认情况下它是隐藏的)
浏览 1提问于2010-12-22得票数 1
1回答
在jQuery中切换AJAX响应
、、、、
因此，我将调用以下AJAX函数，以便每当按下相应的按钮时，都可以提取和显示特定的分类帖子：// Brochure AJAX
type: 'POST',是
浏览 2提问于2015-01-15得票数 1
回答已采纳
1回答
我对jQuery非常非常陌生。在我问之前，我用谷歌搜索了很多，虽然看起来很傻，但对我来说很复杂。
我的下拉框有一个div区域和带有一组值的简单select选项。请给我举个简单的例子。option>
<option value="opel">Opel</option
浏览 4提问于2012-12-21得票数 3
我希望使用普通的Jquery /Hide切换显示/隐藏一组列。单击“显示”按钮时，表就可以了。然而，当按下“隐藏”按钮时，这些列是隐藏的，但这些隐藏列的单元格值在第10行之后移动。我的Jquery代码： $("#show").click(func
浏览 1提问于2016-11-01得票数 0
回答已采纳
我在一个新的11,3 Macbook Pro (双引导)上运行Ubuntu13.10，我在我的文件浏览器中看到这个随机的HDD (看起来像是我的加密分区)。
浏览 0提问于2013-11-22得票数 3
回答已采纳
我的目标是让所有的div隐藏(通过css类)，然后以模式样式弹出它们(同样是通过css完成)。<h1>This is spec 2</h1></div>
divs (speclink类)中的内容是隐藏的当他们按下按钮(id speclinkOpen)时，我希望它显示相关的内容，如果
浏览 4提问于2013-09-26得票数 0
回答已采纳
1回答
在单击Save按钮保存DB中的值后，我希望显示模式弹出，在显示模式弹出时，它应该继续保存，而不关闭模式弹出，我正在使用以下代码 </span> </div>使用此代码，它首先在DB中保存数据，然后显示
浏览 0提问于2013-07-25得票数 2
回答已采纳
1回答
在这个的价格下面有第二个橙色的按钮，叫做“Заказв1клик”。如果你点击它，在出现的表单中输入所有需要的数据，然后按下蓝色按钮"Купить“-你将看到没有数据被提交。由于此函数，无法提交数据： return false;它是为阻止此函数而创建的 jQuery(&quo
浏览 3提问于2017-06-02得票数 0
我需要创建一个facebook看起来像状态更新文本框。我的意思是，首先它会像一个细小的文本框，当用户点击它时，它会变得很大，有点像文本区。注:请参阅所附图片。
浏览 5提问于2012-08-23得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
