- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我正在编写带有 Accordion 模式的代码,但我遇到了关闭和打开其中一个模式会自动关闭另一个模式的问题。我需要所有这些都保持打开状态,直到用户点击关闭它们。当一个关闭并重新打开时,所有其他的都保持不变。更具体地说,在关闭和重新打开名为“Buy Type”的 Accordion 时,名为“Specs”的 Accordion 会自动关闭,而我不想这样做。我已经提供了整个部分,以防我搞砸了导致问题的其他事情。同时重新打开“设计指南”关闭“模板说明”等。
<section id="specification" class="mt-5 pt-4">
<div class="container-fluid container-fluid-shorter">
<!--Accordion wrapper-->
<div class="accordion md-accordion accordion-1" id="accordionEx23" role="tablist">
<div class="card my-4">
<div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading96">
<h4 class="text-capitalize mb-0 py-1">
<a class="text-black font-weight-light" data-toggle="collapse" href="#collapse96" aria-expanded="true"
aria-controls="collapse96">
buy type
</a>
</h4>
</div>
<div id="collapse96" class="collapse show" role="tabpanel" aria-labelledby="heading96"
data-parent="#accordionEx23">
<div class="card-body">
<div class="row">
<div class="col-md-8">
<h6 class="font-weight-light black-text text-grey mb-5">CPM, Sponsorship (Property Details Page - Suburb targeted only)</h6>
</div>
</div>
</div>
</div>
</div>
<!--End of buy type-->
<div class="card my-4">
<div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading98">
<h4 class="text-capitalize mb-0 py-1">
<a class="text-black font-weight-light" data-toggle="collapse" href="#collapse98"
aria-expanded="false" aria-controls="collapse98">
specs
</a>
</h4>
</div>
<div id="collapse98" class="collapse show" role="tabpanel" aria-labelledby="heading98"
data-parent="#accordionEx23">
<div class="card-body">
<div class="row my-2">
<div class="col-md-12">
<ul>
<li><h6 class="font-weight-light text-grey mb-3">Logo: 500x88px, 10kb static JPEG or PNG, logo to be left aligned on a transparent white background.:</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Hero Image: 1200x676px, 100kb static JPEG or PNG, image must not contain any copy and cannot have a border around it.:</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Ad Copy: Two lines of text, up to 40 characters for each line. Second line of text will be seen on Desktop only.:</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Format: Static JPEG or PNG</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Looping: No</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">3rd Party tracking: Allowed</h6></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="card my-4">
<div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading99">
<h4 class="text-capitalize mb-0 py-1">
<a class="text-black font-weight-light" data-toggle="collapse" href="#collapse99"
aria-expanded="false" aria-controls="collapse99">
ad placement matrix
</a>
</h4>
</div>
<div id="collapse99" class="collapse-show" role="tabpanel" aria-labelledby="heading99"
data-parent="#accordionEx23">
<div class="card-body">
<div class="row my-4 bg-grey d-flex align-items-center justify-content-center">
<!--<div class="col-md-2">
<h6 class="font-weight-lighter">Reklamní jednotka</h6>
</div>
<div class="col-md-1">
<h6 class="font-weight-lighter text-capitalize">Koupě</h6>
</div>
<div class="col-md-1">
<h6 class="font-weight-lighter text-capitalize">Pronájem</h6>
</div>
<div class="col-md-1">
<h6 class="font-weight-lighter text-capitalize">Prodej</h6>
</div>
<div class="col-md-1">
<h6 class="font-weight-lighter text-capitalize">Novinky</h6>
</div>
<div class="col-md-1">
<h6 class="font-weight-lighter text-capitalize">Nápovědy</h6>
</div>
<div class="col-md-1">
<h6 class="font-weight-lighter text-capitalize">Životní styl</h6>
</div>
<div class="col-md-1">
<h6 class="font-weight-lighter text-capitalize">Video portál</h6>
</div>
<div class="col-md-1">
<h6 class="font-weight-lighter text-capitalize">Nalézaní agentů</h6>
</div>
<div class="col-md-1">
<h6 class="font-weight-lighter text-capitalize">Nové nabídky</h6>
</div>-->
</div>
</div>
</div>
</div>
<div class="card my-4">
<div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading97">
<h4 class="text-capitalize mb-0 py-1">
<a class="text-black font-weight-light" data-toggle="collapse" href="#collapse97" aria-expanded="true"
aria-controls="collapse97">
template instructions
</a>
</h4>
</div>
<div id="collapse97" class="collapse show" role="tabpanel" aria-labelledby="heading97"
data-parent="#accordionEx23">
<div class="card-body">
<div class="row">
<div class="col-md-8">
<ul>
<li><h6 class="font-weight-light text-grey mb-3">Video: all videos must be progressive load. Must not exceed 40% of a user’s CPU. Cannot be streaming. Max video length 30 seconds.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Video/Audio: no sound. Clicking ‘Unmute’ button turns the video into user-initiated. Regardless of the video length, control buttons (mute/unmute and pause/play) are required, as well as an indicator of the video duration or elapsed status. Except for the initial autoplay video, each video play must be user-initiated. Once Pause or Stop is clicked, there should be zero animation or video. All sound and animation must stop upon exit click. Animation must stop within 30 seconds after the interaction with it has ended.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Fallback: all HTML5 ads must gracefully fallback to support basic HTML5 to ensure full functionality across all modern browsers. Flash fallback is not supported and Flash content is not permitted in HTML5 ads.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Border and iFrame: must stay within iFrame and have black border of at least 1 pixel.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Mouseover policy: minor animation on mouseover for informational or navigational purposes is allowed. Animation cannot be disruptive or detract from user experience or the overall site functionality. No user-initiated sound on mouseover. If user takes mouse off the ad, user initiated animation should stop within 1 second. If it’s a game-like functionality, game should pause (not revert). For cross screen buys on tablets and mobile, interaction should depend on taps, drag actions, swipes, and other touch screen interaction methods.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Close button: no close button or collapse functionality should be included in the creative.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">All creatives: should contain a single exit URL. Cannot contain non-functioning buttons, such as controls for video or social media button.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Animated GIFs not supported.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">We suggest that the back up image resemble, as closely as possible, the final end frame of the ad animation - taking into account the previously stated attributes to ensure consistency in the advertisers message and user experience.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Exit URL: all URLs must be live when assets are submitted.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Cannot mimic any Site experience, pages, designs, graphics or logos.</h6></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="card my-4">
<div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading100">
<h4 class="text-capitalize mb-0 py-1">
<a class="text-black font-weight-light" data-toggle="collapse" href="#collapse100"
aria-expanded="false" aria-controls="collapse100">
design guidelines
</a>
</h4>
</div>
<div id="collapse100" class="collapse-show" role="tabpanel" aria-labelledby="heading100"
data-parent="#accordionEx23">
<div class="card-body">
<div class="row my-2">
<div class="col-md-12">
<ul>
<li><h6 class="font-weight-light text-grey mb-3">Creative must not aim to look like site content such as editorial or search results listings; As such, creative that uses components that are similar in look to realestate.com.au site content, such as the same image sizes, button styles, etc may be rejected.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">If the banner background colour is white and/or does not fill the entire space, please include a one pixel border of HEX Web Colour #CCCCCC.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Creative must include a brand mark of the advertiser.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Creative running in the BUY section must not contain the following phrases in their message or links – “mortgage calculator”, “home loan calculator”, “mortgage repayment calculator” or “how much can I borrow?”.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">Creative must be of quality i.e. acceptable image resolution and professional design standards.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">realestate.com.au reserves the right to remove or request amends to any creative which is deemed unsuitable for the site.</h6></li>
<li><h6 class="font-weight-light text-grey mb-3">realestate.com.au recommends a minimum of two (2) creatives in order to optimise performance effectively.</h6></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="card my-4">
<div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading101">
<h4 class="text-capitalize mb-0 py-1">
<a class="text-black font-weight-light" data-toggle="collapse" href="#collapse101"
aria-expanded="false" aria-controls="collapse101">
timeline
</a>
</h4>
</div>
<div id="collapse101" class="collapse-show" role="tabpanel" aria-labelledby="heading101"
data-parent="#accordionEx23">
<div class="card-body">
<div class="row my-2">
<div class="col-md-12">
<h6 class="font-weight-lighter">Please allow 5 days for creative lead-time.</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Accordion wrapper-->
</section>
我做错了什么?
最佳答案
删除 accordion
类。如果您希望它们一开始就全部打开,请使用 collapse show
。
<div class="md-accordion accordion-1" id="accordionEx23" role="tablist">
<div class="card my-4">
<div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading96">
<h4 class="text-capitalize mb-0 py-1">
<a class="text-black font-weight-light" data-toggle="collapse" href="#collapse96" aria-expanded="true" aria-controls="collapse96"> buy type </a>
</h4>
</div>
<div id="collapse96" class="collapse show" role="tabpanel" aria-labelledby="heading96" data-parent="#accordionEx23">
<div class="card-body">
...
</div>
</div>
</div>
..(more collapsing cards...)
</div>
关于html - 打开一个 Accordion 图案会关闭另一个,如何禁用它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59104420/
我有两个可以相互交换数据的列表。我的列表之一是 Accordion 列表,您可以在其中放置数据,但也包含更多特定的 Accordion ,这些 Accordion 也允许在其中放置数据。我可以在表之间
我正在从数据库中获取记录,我必须在 Accordion 中显示这些记录。我能够显示记录。现在我正在做的是,我必须显示第一个打开的 Accordion ,然后在单击然后关闭上一个打开的 Accordio
我有一个 Accordion ,我希望具有以下功能:当用户单击链接展开时,其他展开的链接(如果有)将折叠。我知道这个功能是内置在 Accordion 插件中的,但我试图避免添加另一个库(jQuery
有点奇怪,这个。我有两个 jquery Accordion 实体,在点击一个 Accordion 中的一个项目时,我想将它动态添加到第二个 Accordion 中,并将其隐藏在原件中。 目前从 A 移
我尝试了以下代码,除了 FontAwesome 图标之外,一切都很好。我尝试在 Google 上寻找解决方案,但找不到我正在寻找的解决方案。 当我单击其中一个 Accordion 时,另一个 Acco
我正在使用 Bootstrap 制作一个响应式网站,它包含带有大量文本的嵌套 Accordion ,当您读到底部并单击下一个 Accordion 时,大量文本被折叠,我留在了页面底部。 我从 Boot
尝试创建嵌套 Accordion 时,是否可以使用 jquery 在另一个 Accordion 内部创建 anchor 链接和 Accordion ? 例如,在我的代码中我有 用于 Accordion
我正在实现一个嵌套 Accordion ,但是当我点击父级 Accordion 中的子组件时,它关闭了父级。我希望它在点击 child 时保持打开状态。 HTML: Home
我试图在 bootstrap Accordion 中添加加号和减号,当显示内容的 div 打开时显示加号,关闭时显示减号,当我打开第二个选项卡时它应该关闭其他打开的选项卡的内容(这个当前正在发生)并且
我有 Angular 5 应用程序,我正在使用 PrimeNG 组件。我创建了带有定义标题的 PrimeNG Accordion ,其中有标题和一些操作按钮,如下所示:
我有一个运行正常的Bootstrap 3.0 Accordion ,当您单击其中一个主链接时,该 Accordion 将打开。唯一的问题是,如果您单击第二个主链接,则第一个链接不会折叠-它们都保持打开
我正在尝试将 Accordion 嵌入另一个 Accordion 中,但是它不起作用,嵌入式 Accordion 只会扩展到第一个扩展 Accordion 的大小,我需要添加额外的空间才能显示内容,任
我正在尝试将 Accordion 放在 Accordion 中。但是第二个 Accordion 不能正常工作。第一个中的 Accordion 根本不起作用。任何帮助将不胜感激 :) 我的问题主要是代码
我正在尝试创建一个交互式 Accordion / Accordion /折叠动画,以便 View 在与交互时折叠/展开自身 - 以相同的方式 flipboard折叠 View ,但两侧都折叠 我认为我
您好,这是我的第一个问题,英语不是我的母语,如果我犯了一些错误,请见谅。 我在我的项目中使用 Angular 6、jQuery 和 BS。 我有两个 Accordion ,每个都有不同的类别。我们将它
我正在构建一个非常简单的 Accordion ,我想设置 ti 在页面加载时打开所有容器。让它打开单个项目(或没有项目)是没有问题的,但我怎样才能让它打开页面加载时的所有项目。 HTML
我正在处理一个刚刚添加了 Accordion 的页面。它有几个不同的 Accordion ,当单击其中任何一个时,所有 Accordion 都会打开。再次单击 Accordion 时,它应该折叠,但它
尝试弄清楚如何在 Dojo 的 Accordion dijit.layout.Accordion 容器上添加展开/折叠箭头图像,就像 dijitTitlePane / dojox.widget.Tit
我有一个 Accordion ,其中包含一些嵌套的 Accordion ,我打算将其用于移动导航。我不是最擅长 JavaScript,所以我必须找到教程才能达到现在的水平。我现在需要的只是当其他 Ac
我基本上试图关闭所有 Accordion ,只打开其中一个被单击的 Accordion 。 因此,短期内只打开一个选项卡。 这是我到目前为止所拥有的: https://jsfiddle.net/gym
我是一名优秀的程序员,十分优秀!