Show more

Preview

[+] Show More
[-] Hide

Put here the text for your expandable block. Scripts are disabled in the editing mode, so click"Unlock & View" to see the box in action.
You can also edit the text for the "Show More" and "Hide" elements.

Default Show More Markup

Copy Code
HTML
<div class="CHBoxShowMore">
  <div class="showMoreLabel nonPrintable" style="margin-top: 10px; margin-bottom: 10px; cursor: pointer; display:table" onclick="toggleBox(this)">
    [+]
    <a href="javascript:void(0)" target="_top">
      Show More
    </a>
  </div>
  <div class="hideLabel Article_hiddenBlock nonPrintable" style="margin-top: 10px; margin-bottom: 10px; cursor: pointer; display:table" onclick="toggleBox(this)">
    [-]
    <a href="javascript:void(0)" target="_top">
      Hide
    </a>
  </div>
  <div class="showMoreContent Article_hiddenBlock" style="padding-left: 20px">
    <p>
      Put here the text for your expandable block.Scripts are disabled in the editing mode,
      so click<strong>&quot;Unlock &amp; View&quot;</strong> to see the box in action.<br/>
      You can also edit the text for the &quot;Show More&quot; and &quot;Hide&quot; elements.
    </p>
  </div>
</div>


© ClickHelp. All rights reserved.
Didn't find what you're looking for? Let us know what you need!

The information and examples in this Knowledge Base are presented "as is" and for informational purposes only — we do not provide Technical Support for it. Neither can we guarantee that the examples provided will work as intended in your particular scenario, nor do we provide assistance in customizing these examples to fit your use case.