accordion 相关问题

手风琴是一种菜单，允许在鼠标操作时在标题下方显示其他内容。一次只能打开一个标题的内容。选择下一个标题后，前一个标题的内容将关闭。

Flutter：键盘自动关闭`AccordionSection`

说明：我在使用 Accordion 包版本 2.6.0 时遇到了 Flutter 应用程序的问题。我在 AccordionSection 中有一个 TextField，当我尝试在 TextField 中输入文本时，...

flutter dart keyboard textfield accordion

回答 1 投票 0

在 AccordionHeader 中添加不应切换 Accordion 的按钮的最佳方法是什么？

我们使用React Bootstraps Accordions（版本2.7.0），我想在手风琴标题中添加一个按钮，它应该做一些与切换手风琴不同的事情。 const doSomethingElse = (...

reactjs bootstrap-5 accordion react-bootstrap

回答 1 投票 0

我尝试在 AngFor 中使用 Bootsrap 5 的手风琴，但遇到问题

... <div class="accordion w-50 mx-auto" id="accordionExample"> <div *ngFor="let note of notes; index as i;"> <div class="accordion-item"> <h2 class="accordion-header" id="headingOne "> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="'#collapse + i'" aria-expanded="true" > {{note.subject}} </button> </h2> <div id="'collapse + i'" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div class="accordion-body"> {{note.text}} <div class="mt-2"> <button class="btn btn-sm btn-primary" type="button">Edit</button> <button class="btn btn-sm btn-danger ms-3" type="button">Delete</button> </div> </div> </div> </div> </div> 我想为每个元素打开一个手风琴，但所有元素都打开。我使用不同的 id 和索引，但它仍然不起作用。如果我理解你的问题，你应该像这样更改你的代码： <div class="accordion w-50 mx-auto" id="accordionExample"> <div *ngFor="let note of notes; index as i;"> <div class="accordion-item"> <h2 class="accordion-header" id="headingOne "> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" [attr.data-bs-target]="'#collapse' + i" aria-expanded="true" > {{note.subject}} </button> </h2> <div [id]="'collapse' + i" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div class="accordion-body"> {{note.text}} <div class="mt-2"> <button class="btn btn-sm btn-primary" type="button">Edit</button> <button class="btn btn-sm btn-danger ms-3" type="button">Delete</button> </div> </div> </div> </div> </div> 使用 Angular 数据绑定属性，您可以正确设置 ids

angular bootstrap-5 accordion

回答 1 投票 0

如何在Javascript中为手风琴菜单添加滑动效果？

我正在创建一个手风琴菜单，单击它即可上下滑动。我能够获得该功能，但无法获得从上到下平滑滑动的动画效果......

javascript html jquery css accordion

回答 1 投票 0

如何修复 DisclosureGroup V 形箭头不透明度？

我目前正在 SwiftUI 中创建手风琴视图，但遇到了一个问题：DisclosureGroup 附带的默认 V 形看起来是半透明的。我尝试整合...

ios swift swiftui accordion disclosuregroup

回答 1 投票 0

如何在 Angular 2.0 中以编程方式触发 PrimeNG Accordion Click？

我有一个手风琴，如下所示。单击链接时，我需要触发所有 p-accordianTab 元素的单击事件。这怎么可能？ {{

angular accordion primeng

回答 7 投票 0

简单的原生 javascript 手风琴 - 单击活动项目时出现问题

我的手风琴脚本有问题。有人可以解释一下 - 为什么单击活动项目后，动画不像单击下一个项目时那样执行？在我看来，

javascript accordion

回答 3 投票 0

引导手风琴，单击时滚动到活动（打开）手风琴的顶部？

我正在使用 Bootstrap 制作一个响应式网站，它包含带有大量文本的手风琴，当您读到底部并单击下一个手风琴时，大量文本被折叠......

javascript jquery twitter-bootstrap accordion

回答 6 投票 0

两列弹性布局中的手风琴：改变一列的高度会影响其他列

我想要两列手风琴。目前我使用弹性布局来做到这一点。但是，当在一列中展开手风琴时，它会影响另一列中的元素。我怎样才能

html css flexbox multiple-columns accordion

回答 1 投票 0

Web 组件 (LIT) - 手风琴在打开其他组件时关闭

我正在使用并尝试在选择另一个手风琴时关闭打开的手风琴。但无法这样做。非常感谢任何帮助。我正在使用并尝试在选择另一个手风琴时关闭打开的手风琴。但无法这样做。非常感谢任何帮助。 <lion-accordion> <h3 slot="invoker"> <button>Sensory Factors</button> </h3> <div slot="content" class="lion-paragraph-container"> <p> Content A </p> </div> <h3 slot="invoker"> <button>Nutritional value</button> </h3> <div slot="content"> Content B </div> </lion-accordion> 为什么要创建对 Lit 和 Lion 的依赖？它几乎是一个 one-liner <details-accordion> 用于原生 <details> <summary> 代码的原生 Web 组件免费投入ctrl-click <style> summary { font-weight: bold; cursor: pointer } details[open] { background: beige } </style> <details-accordion> <details open> <summary>Summary 1</summary> "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." </details> <details> <summary>Summary 2</summary> "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </details> <details> <summary>Summary 3</summary> "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </details> </details-accordion> <script> customElements.define( 'details-accordion', class extends HTMLElement { connectedCallback() { this.onclick = e => [...this.children].forEach(d => !e.ctrlKey && d.toggleAttribute("open", e.target == d)); } }); </script>

javascript accordion web-component lit

回答 1 投票 0

突破无JS单文件多页html文件的限制

我正在构建一个多页单个 html 文件文档。与 Android 的默认 WebView 一起使用。这意味着绝对没有 JS。（我希望我可以使用JS，但它不支持它。我希望我可以......

html css accordion

回答 1 投票 0

Flutter 中可以更改 ExpansionTile 的高度吗？

ExpansionTile继承自ListTile，它具有固定的高度。没有图块高度的输入参数。我尝试将 ExpansionTile 包装在具有硬编码高度的容器小部件中......

widget accordion flutter

回答 7 投票 0

如何将项目设置为在 shadcn ui 手风琴中默认打开？

我正在使用 shadcn ui 中的手风琴，默认情况下所有手风琴项目都是折叠的。我希望第一个项目默认不折叠。如何实现这一目标？我尝试传递默认值...