<p class="text-video" style="position: relative; background-image: none; padding-left: 20px;">Here you can see live demonstration of Tree Menu.<img style="position: absolute; top: 20px; right: -30px; z-index: 99;" src="images/cliparts/arrows/arrow-down-right.png" /></p>
<p>Tree Menu represents menu items in clear tree-like hierarchy, which is very appropriate for indexing menu. By default all submenu items are collapsed until you select the parent menu item.</p>
<p>To setup Tree Menu you just need to configure module parameter “<strong>Menu Class Suffix</strong>” appropriately and the menu system will take care of the rest.</p>
<h3>Tree Menu with Icons and Rich Text</h3>
<p class="text-video" style="position: relative; background-image: none; padding-left: 20px;">Here you can see live demonstration of Tree Menu with icons and rich text.</p>
<p>Tree Menu can present menu items with icons and descriptive text, pretty much like <a href="index.php?option=com_content&amp;view=article&amp;id=93&amp;Itemid=479">Main Menu</a> and <a href="index.php?option=com_content&amp;view=article&amp;id=95&amp;Itemid=480">Side Menu</a>.</p>
<p>To setup icons you need to configure menu items appropriately just like Main Menu. There are very detailed instructions in template documentation.</p>
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non lorem libero. Vestibulum a leo ac tortor congue euismod. Nam sed nulla tellus. Suspendisse ut hendrerit justo. Sed molestie vestibulum nisl, a sodales urna molestie nec. Etiam neque nisl, malesuada ut egestas ut, facilisis vel leo. Morbi gravida blandit porttitor. Phasellus sed diam ante, quis lobortis tortor. Nunc quis mi congue ipsum fringilla hendrerit nec eget magna.</p>
<h4>Lorem ipsum</h4>
<p>Quisque sed mi non risus egestas cursus. Aenean odio mi, rhoncus sit amet tincidunt placerat, pellentesque ac mi. Mauris est lectus, faucibus vel ultrices eget, lobortis vitae lorem. Nam non nisl vel lorem pulvinar pharetra quis nec augue. Sed in odio lorem. In hac habitasse platea dictumst. Pellentesque elementum, ipsum vel sollicitudin porttitor, felis augue pharetra erat, ut vestibulum dui turpis sed nulla. Suspendisse ac nulla nisi. Fusce sed est a leo gravida bibendum non non odio. Maecenas et tortor sit amet dolor sagittis scelerisque sed sit amet lectus. Suspendisse sollicitudin suscipit velit, eu pellentesque tortor tristique a. Aliquam ut velit dolor, quis convallis orci. Curabitur tincidunt aliquam tellus id tempor. Etiam iaculis erat id metus placerat eget lacinia est eleifend. Ut in interdum mi.</p>