Scandal
Well-known member
Hello all!
Well, I have this code, multiple times inside the page to toggle blocks.
The problem: I need once "Something X" h3 clicked to toggle the block-body--collapsible --> It works already via
But I need also to hide all other
I made some tries with
Does it make sense?
Well, I have this code, multiple times inside the page to toggle blocks.
HTML:
<h3 class="block-formSectionHeader">
<span class="collapseTrigger collapseTrigger--block" data-xf-click="toggle" data-target="< :up:next">
<span>Something 1</span>
</span>
</h3>
<div class="block-body block-body--collapsible">
Lalala content
</div>
The problem: I need once "Something X" h3 clicked to toggle the block-body--collapsible --> It works already via
data-xf-click="toggle"
and data-target="< :up:next"
.But I need also to hide all other
<div class="block-body block-body--collapsible">
from the page and keep opened only the current for which I clicked the h3, automatically.I made some tries with
data-hide
attribute with no results.Does it make sense?