开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

data-parent="#accordion“不工作

data-parent="#accordion"是一个HTML属性，用于定义一个元素的父级元素。它通常用于创建可折叠的内容，其中点击一个元素将展开或折叠其他相关元素。

该属性的值应该是一个选择器，指向包含相关元素的父级容器。当点击一个元素时，它将根据选择器找到父级容器，并在该容器内查找与被点击元素相关的其他元素进行展开或折叠操作。

这个属性在Bootstrap框架中经常被使用，用于创建可折叠的导航菜单、手风琴效果等。

以下是一个示例代码，展示了如何使用data-parent属性创建一个可折叠的导航菜单：

<div id="accordion">
  <div class="card">
    <div class="card-header" data-toggle="collapse" data-target="#collapseOne" data-parent="#accordion">
      <h5 class="mb-0">
        <button class="btn btn-link">
          Collapsible Group Item #1
        </button>
      </h5>
    </div>

    <div id="collapseOne" class="collapse show">
      <div class="card-body">
        Content for collapsible item #1
      </div>
    </div>
  </div>

  <div class="card">
    <div class="card-header" data-toggle="collapse" data-target="#collapseTwo" data-parent="#accordion">
      <h5 class="mb-0">
        <button class="btn btn-link">
          Collapsible Group Item #2
        </button>
      </h5>
    </div>

    <div id="collapseTwo" class="collapse">
      <div class="card-body">
        Content for collapsible item #2
      </div>
    </div>
  </div>
</div>

在这个示例中，data-parent="#accordion"属性被应用于card-header元素，用于指定它们的父级容器是id为"accordion"的元素。当点击一个card-header元素时，它将展开或折叠与之相关的card-body元素。

腾讯云相关产品和产品介绍链接地址请参考腾讯云官方网站：https://cloud.tencent.com/

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

开心档之bootstrap折叠

注意: 使用 data-parent 属性来确保所有的折叠元素在指定的父元素下，这样就能实现在一个折叠选项显示时其他选项就隐藏。...实例 #1 内容：菜鸟教程 -- 学的不仅是技术，更是梦想！！！...="#accordion"> #2 内容：菜鸟教程 -- 学的不仅是技术，更是梦想！！！...="#accordion"> #3 内容：菜鸟教程 -- 学的不仅是技术，更是梦想！！！

6641 0

如何在Bootstrap中保持多个折叠打开

" class="accordion-body collapse show" data-parent="#accordionExample1"> <div

7353 0

jquery 手风琴效果

-- end of #bs-collapse --> Accordion...collapse with rotating icon ...="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">...-- end of #accordion --> <!

2.9K2 0

bootstrap 折叠面板常用样式

"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"...panel panel-default"> <a data-toggle="collapse" data-parent...="#accordion" href="#collapseTwo"> 点击我进行展开，再次点击我进行折叠。...="#accordion" href="#collapseThree"> 点击我进行展开，再次点击我进行折叠。...data-parent 属性把折叠面板（accordion）的 id 添加到要展开或折叠的组件的链接上。

1.2K3 0

bootstrap 折叠

panel panel-default"> <a data-toggle="collapse" data-parent...="#accordion" href="#collapseOne"> 点击我进行展开，再次点击我进行折叠。...="#accordion" href="#collapseTwo"> 点击我进行展开，再次点击我进行折叠。...="#accordion" href="#collapseThree"> 点击我进行展开，再次点击我进行折叠。...="#accordion" href="#collapseFour"> 点击我进行展开，再次点击我进行折叠。

2.2K2 0

带你走近AngularJS - 体验指令实例

data-parent="#accordion2" href="#collapseOne"> Collapsible Group Item #1 </div...<a class="<em>accordion</em>-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo...$id; element.attr("id", id); } // set data-parent and href attributes on accordion-toggle...一旦元素拥有了ID值，方法将通过jQuery来选择具有"accordion-toggle"类的子元素并且设置它的 "data-parent" 和 "href" 属性。..."zoom" 和 "center" 变量将被分别处理，因为我们不希望每次在用户选择或缩放地图时都重新创建地图。这两个方法检测地图是否重新创建还是仅仅是简单的更新。

2.4K5 0

bootstrap collapse

panel panel-default"> <a data-toggle="collapse" data-parent...="#accordion" href="#collapseOne"> 点击我进行展开，再次点击我进行折叠。...panel panel-default"> <a data-toggle="collapse" data-parent...="#accordion" href="#collapseTwo"> 点击我进行展开，再次点击我进行折叠。...="#accordion" href="#collapseThree"> 点击我进行展开，再次点击我进行折叠。

5561 0

python测试开发django-188.Bootstrap折叠（Collapse）插件

collapseExample"> 这一段文本可以折叠，点击后也可以展示实现效果，默认不展开...tab" id="headingOne"> 折叠项 Item..."> <a class="collapsed" role="button" data-toggle="collapse" data-parent

2.9K5 0

Windows凭据不工作

如果不是敲错IP、用户名、密码，报凭据不工作，一般情况下执行这几句命令后重启远程服务就正常了第1句：REG ADD "HKLM\SOFTWARE\Policies\Microsoft\Windows NT...用户名或密码敲错了或复制粘贴的时候带了多余的字符，或者键盘兼容性问题，我曾遇到过横排数字键和右侧数字键区，按键不符合预期的情况（可能没按出来值，也可能按出来跟预期的值不一样）2、用户名、密码正确，通过vnc能进入系统，通过远程就是报凭据不工作上次我遇到个

5.8K2 0

RDP你的凭据不工作RDP密码不刷新

新电脑使用Microsoft账号登录后，RDP提示“你的凭据不工作” 在修改Microsoft账户密码后，RDP的密码一直不更新在Microsoft账户开启无密码后，RDP无法使用如果你不属于上述的情况

12.5K3 0

ASP.NET MVC使用Bootstrap系列（4）——使用JavaScript插件

Data属性 VS 编程API Bootstrap提供了完全通过HTML标记的方式来使用插件，这意味着，你可以不写任何JavaScript代码，事实上这也是Bootstrap推荐的使用方式。...class="btn btn-primary" onclick="$('#deleteConfirmationModal').modal('hide')">取消为了展示模态框，我们可以不写任何...panel-default"> <a data-toggle="collapse" data-parent...="#accordion" href="#questionTwo"> 问题 2：MVP 奖励存在的意义何在？

5.1K6 0

接口测试平台代码实现番外：主页终焉-1

div style="height: 400px;overflow-y: scroll;margin-left: 15px;width: 300px;" class="panel-group" id="accordion...

2033 0

128 天不上班不工作：照样领工资 9.5 万

和风畅想公司为证明杜某试用期不能胜任岗位工作提交了《录取聘用函》《试用期目标设定表》《工作不胜任数据参考说明》、录音、其他人员工完成的测试用例。...《试用期目标设定表》中载明杜某的主要工作职责是：“1.执行日常测试工作；2.熟悉、掌握业务；3.整理、优化好测试用例；4.性能测试；5.职业技能提升。”...与上述工作职责相对应的衡量标准为：“按期交付，长期bug发现率高于平均水平，遗漏率小于3%；能够胜任车长或备份车长职责，外部干系评价良好；对Case集有整体把握，Case集功能完备、简洁、不冗余并且能适应最新产品...和风畅想公司称《工作不胜任数据参考说明》系杜某的上级主管对其在试用期间的工作评价，但无上级主管签字亦无杜某确认痕迹，该说明中提到杜某存在“工作产出偏低”“组内任务相应偏慢，日常工作积极性偏低”“测试质量低...杜某提交工作数据统计截图、统计数据、自行整理的工作成果、办公软件聊天记录、微信聊天记录，以证明其完成了和风畅想公司安排的工作任务，不存在不能胜任的情况。

2.1K2 0

Bootstrap 基于Bootstrap和JQuery实现动态打开和关闭tab页

--添加左侧菜单栏 --> 项目管理<span class="pull-right

7.8K2 0

webpack的watch选项不工作原因分析

但这样webpack检测文件变动的原来逻辑就不工作了。代码见webpack/lib/node/NodeWatchFileSystem.js。

4K6 0

Jump Start Bootstrap 第4章

要让选项卡工作，我们需要Bootstrap的nav-tabs组件和tab-content组件。...你有了一个可以工作的选项卡插件。在浏览器中查看它,结果如图所示。 ? 添加一个褪色(淡入淡出)的效果：给每个tab-pane添加类fade，在选项卡切换时会有淡入淡出效果。... 我们需要用不同的面板组件来填充这个容器，这些组件将充当选项卡。...元素应该有三个非常重要的属性:data-toggle、data-parent、href；data-toggle应该代表插件的类型(Collapse)；data-parent元素应该包含panel-group...="#accordion" href="#collapseThree">Collapsible Group Item #3 <

28.3K4 0

mongo minio on openebs 工作量不饱满教程

| 工作量不饱满教程下面来看看你不用sealos需要经历怎样痛苦的人生，当然以下教程很适合你在工作量不饱满的时候实践，当然我更推荐你用sealos自动化完成了，然后用下面的文档告诉老板你做了很多事，老板很开心

3.7K2 0

C++都从事哪些工作能挣钱不？

嵌入开发虽然没有游戏开发，服务器开发挣的那么多，但是工作相对来说还是比较容易一些，只要你成为打酱油的，能打各种酱油。那也是香馍馍比游戏服务器开发挣的还多哦。

2.7K10 0

为什么不建议你国庆前找工作

那么，如果你在国庆钱找工作，你需要做什么呢？结语最近在面试过程中，以上内容就是简历的问题。打算换工作或正在找工作的朋友，可以参考一下。

3.7K4 0

远程桌面失败：你的凭据不工作

然后按照以下操作，将默认设置“仅来宾—本地用户以来宾身份验证”，更改为“经典：本地用户以自己的身份验证”。

9.4K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭