{{!!
  * __[toggleMark]__ (Boolean)
  _Supported values:_ true or false
  * __data-target__ (String)
  Element that holds the text (it will hold the size limit too)
  * __data-shown__ (String)
  Text that should appear when text is visible
  * __data-hidden__ (String)
  Text that should appear when text is hidden
  * __data-marker__ (String)
  Will set max-height depending on the marker, don't use the class to hold the size limit
  * __data-max-height__ (String|Integer)
  Will define the max-height value.
  _Default:_ 9999px
  * __class="toggle"__
  Defined class to every toggle element
}}

{{#if toggleMark}}
	<div class="toggle-wrap toggle-animation">
		<p>Dividends from net investment income, if any, are declared and paid either semi-annually, annually, quarterly or monthly, depending on the fund. For funds on a semi-annual dividend payment cycle, the dividend ex-date is generally the third Fridayof the month, payable the last Friday of the month. For funds on an annual dividend payment cycle, the dividend ex-date is generally the third Friday of December, payable the last Friday of the month...</p>
		<span class="marker"></span>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod architecto repellendus, facere saepe tempore nulla consequatur illum, quisquam beatae harum eligendi animi unde dolor libero nostrum. Harum, est asperiores tempore?</p>
	</div>
{{else}}
	<p class="toggle-wrap">
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi harum dolorem voluptatibus, eius beatae, unde qui nam inventore tempore reprehenderit aut sit, saepe incidunt, deleniti facere quae laborum. Accusantium, voluptatum!

		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus id voluptatem quibusdam blanditiis nam quaerat eveniet debitis voluptate quidem reprehenderit magnam distinctio tenetur maxime, animi qui. Asperiores at atque iste.

		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, voluptatibus, vel. Repellendus eaque corporis aliquid autem non sit suscipit adipisci quidem inventore earum. In ad corporis possimus voluptatibus, quam nesciunt.
	</p>
{{/if}}


<a href="javascript:;" class="toggle lk-small" data-target=".toggle-wrap" data-shown="Hide message" data-hidden="Show message" {{#if toggleMark}}data-marker=".marker"{{/if}}>Hide</a>

{{#unless nojs }}
<script>
	window.onload = function() {
		/**
		 * START - REQUIRED JAVASCRIPT SNIPPET
		 */
		{{ render "atoms/scripts/script-toggle" }}
		/**
		 * END - REQUIRED JAVASCRIPT SNIPPET
		 */
	};
</script>
{{/unless }}
