答案是:Bootstrap给触发元素提供了一个data-parent属性,用于设置一个父容器,在处理的时候,会把这个容器里面的所有折叠区域都关闭,从而实现完美所说的手风琴效<divclass="panel-group"id="accordion" 点击我进行展开,再次点击我进行折叠。第1部分 Nihil anim keffiyeh helvetica, craft beer labore wes anderson...
default variables. It's also worth noting that just about any HTML can go within the.accordion-body, though the transition does limit overflow.
haven't heard of them accusamus labore sustainable VHS.Collapsible Group Item #2Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3
The data attributes and .collapse classes ensure that only one card is collapsed at the time. Bootstrap even allows us to create an accordion using completely custom components, it doesn't have to be cards. The data-children data attribute needs to be assigned to the with the accordion...
="accordion-header"id="headingTwo">Accordion Item #2This is the second item's accordion body.It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance,...
> Section 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, bland...
-item">Accordion Item #2This is the second item's accordion body.It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each
Collapsible Group Item #2 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put ...
Accordion Item #2 This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each
Ensure, at most, only one in the accordion group has the visible prop and/or v-model set to true.Hiding and showing content in the toggle button based on collapse stateWhen using the v-b-toggle directive, the class collapsed will automatically be placed on the trigger element when the...