Expand Second Content Within Other Expandable Content?

Viewing 1 replies (of 1 total)
  • Plugin Author Evan Herman

    (@eherman24)

    Hi Drogheda Web Design,

    You’ll need to adjust the HTML yourself inside of the ‘text’ tab. I would recommend using SartMatt’s example page as a guidline. He was actually the one who wrote the patch to enable nesting expandable links with in one another:

    https://matthieu.sarter.fr/nested-sample/

    And accompanying HTML for the example (sorry for the formatting) :

    <div class="exp-col-content-holder"><a class="expand-cnt-link" href="#" rel="nofollow">Parent</a>

<div class="hidden-content" style="display: block;">
<div class="exp-col-content-holder"><a class="expand-cnt-link" href="#" rel="nofollow">Child 1</a>

<div class="hidden-content" style="display: block;">
<div class="exp-col-content-holder"><a class="expand-cnt-link" href="#" rel="nofollow">Child of child 1</a>

<div class="hidden-content" style="display: block;">
Child of child 1 content
</div>
</div>
</div>
</div>
<div class="exp-col-content-holder"><a class="expand-cnt-link ecf_closed" href="#" rel="nofollow">Child 2</a>

<div class="hidden-content" style="display: none;">
<div class="exp-col-content-holder"><a class="expand-cnt-link ecf_closed" href="#" rel="nofollow">Child 1 of child 2</a>

<div class="hidden-content" style="display: none;">
Child 1 of child 2 content
</div>
</div>
<div class="exp-col-content-holder"><a class="expand-cnt-link ecf_closed" href="#" rel="nofollow">Child 2 of child 2</a>

<div class="hidden-content" style="display: none;">
Child 2 of child 2 content
</div>
</div>
<div class="exp-col-content-holder"><a class="expand-cnt-link ecf_closed" href="#" rel="nofollow">Child 3 of child 2</a>

<div class="hidden-content" style="display: none;">
Child 3 of child 2 content
</div>
</div>
</div>
</div>
<div class="exp-col-content-holder"><a class="expand-cnt-link ecf_closed" href="#" rel="nofollow">Child 3</a>

<div class="hidden-content" style="display: none;">
Child 3 content
</div>
</div>
</div>
</div>

    You can also view a similar thread with a resolution over on the support site : https://www.evan-herman.com/wordpress-support/topic/expand-second-content-within-other-expandable-content/#post-3418

    Thanks,
    Evan

Viewing 1 replies (of 1 total)
  • The topic ‘Expand Second Content Within Other Expandable Content?’ is closed to new replies.