XF 2.1 Eklenti Xenforo 2.1 Şık Açılıan Kapanan Kategori Yapımı

<div class="block block--category block--category{$node.node_id}">

<div class="block block--category block--category{$node.node_id} collapsible-nodes">

<h2 class="block-header">

<div class="block-header--left">

<div class="block-desc">{$node.description|raw}</div></xf:if>

<xf:if is="{$node.description}"><span class="block-desc">{$node.description|raw}</span></xf:if>

</div>

</h2>

<span id="collapse-{$node.node_id}" class="collapseTrigger collapseTrigger--block is-active" data-xf-click="toggle" data-xf-init="toggle-storage" data-target=".block--category{$node.node_id} .block-body" data-storage-key="_node-{$node.node_id}"></span>

<div class="block-body">

<div class="block-body block-body--collapsible is-active">

/* Node Collapse */
.block--category .collapseTrigger {
  opacity: 0.5;
  transition: opacity 0.3s;
  margin-right: 10px;
}
.block--category .collapseTrigger.is-active:before {
  .m-faBase();
  content: "\f146";
  transform: scale(-1, 1);
  margin-right: -8px;
}
.block--category .collapseTrigger:before {
  .m-faBase();
  content: "\f0fe";
  font-size: 80%;
}
.block--category .block-container:hover .collapseTrigger {
  opacity: 1;
}
.collapsible-nodes .block-header {
  display: flex;
}
.collapsible-nodes .block-header--left {
  margin-right: auto;
  max-width: 100%;
}