Show more

Preview

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>

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.