Toggleable

Tabs

Quisque tincidunt sapien non velit faucibus tincidunt. Etiam lacinia mauris ut orci sagittis vulputate. Ut ac mauris in nisl ultricies vestibulum nec ut odio. Proin nec diam nisi, non venenatis felis. Praesent ac lectus nulla. Quisque fringilla laoreet varius. Pellentesque adipiscing hendrerit turpis non porta. Mauris vitae condimentum lectus. Ut sollicitudin, est sit amet tincidunt congue, metus enim venenatis leo, quis venenatis ligula velit in metus.
Nulla adipiscing, mi vitae sagittis egestas, nisi arcu fringilla ligula, ut elementum est orci ac purus. In ipsum erat, mollis varius ultricies nec, pulvinar quis nisl. Aliquam elementum, ipsum vitae bibendum interdum, mauris lorem bibendum elit, vel ultrices diam mauris quis nunc.
Quisque tincidunt sapien non velit faucibus tincidunt. Etiam lacinia mauris ut orci sagittis vulputate. Ut ac mauris in nisl ultricies vestibulum nec ut odio. Proin nec diam nisi, non venenatis felis. Praesent ac lectus nulla. Quisque fringilla laoreet varius. Pellentesque adipiscing hendrerit turpis non porta. Mauris vitae condimentum lectus. Ut sollicitudin, est sit amet tincidunt congue, metus enim venenatis leo, quis venenatis ligula velit in metus.
[tabs]
[tab title="ITEM 1"]
...[/tab]
[tab title="ITEM 2"]
...[/tab]
[/tabs]
tabs parameters
  • header
tab parameters
  • title - header
  • active - is active - yes; no;

jQuery DrillDown Menu (read more)

« Back
[drilldown title="Drilldown" menu="..."] 
parameters
  • title
  • menu - breadcrumbs; demo; drill; main;
  • skin - default; skin-classic-light; skin-colorful; skin-minimal; skin-system;
  • event - click; mouseenter;
  • heightautoadjust - auto height
  • speed - slow; normal; fast;
  • easing - animation type - easeInOutQuint; linear; easeInOutQuad; easeOutBounce;
  • breadcrumb - breadcrumb position - top; bottom;
  • startname - breadcrumb start
  • back - back link position - top; bottom;
  • backname - breadcrumb start
  • backanimation - back link animation
  • currentposition - current item position - top; bottom;
  • search - search position - top; bottom;
  • searchtext - search label

jQuery 3 Level Accordion (read more)

[ct_accordion_menu title="Accordion" menu="..."] 
accordion parameters
  • title
  • menu - breadcrumbs; demo; drill; main;
  • speed - slow; normal; fast;
  • skin - default; classic; color; minimal; pointer; ribbon;
  • event - click; mouseenter;
  • easing - animation type - easeInOutQuint; linear; easeInOutQuad; easeOutBounce;
  • oneOpenAtTime - only one active
  • search - search position - top; bottom;
  • searchtext - search label

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet libero magna. Mauris at enim vel nibh scelerisque porttitor id ut leo. Phasellus pretium, leo a lobortis aliquam, nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. Morbi consequat velit eget augue porttitor vitae molestie diam rutrum.
. Phasellus porta ultrices ante at facilisis. Fusce ornare turpis sit amet lacus egestas elementum. Curabitur risus nunc, consequat ac euismod at, rhoncus in diam. Duis vel rhoncus eros. Phasellus ut neque nec tellus fringilla viverra. Donec pellentesque lectus a quam blandit dictum iaculis mauris ultricies. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum ut nunc eu neque mollis accumsan. Fusce est ante, ultrices sed rutrum et, dictum ac nulla. Maecenas posuere bibendum fermentum. Donec iaculis, urna quis pellentesque rhoncus, justo est iaculis diam, pulvinar congue est tellus vel metus. Donec aliquet facilisis sapien. Donec tempor hendrerit purus a dapibus. Praesent aliquet leo ante. Donec non leo lacus, vitae venenatis augue. Vestibulum quam augue, congue a consectetur sed, eleifend a mi.
[accordion]
[accordion_item title="Item 1"]
...[/accordion_item]
[accordion_item title="ITEM 2"]
...[/accordion_item]
[/accordion]
accordion parameters
  • header
accordion_item parameters
  • title
  • active - is active - yes; no;

© 2017 Octavus. All rights reserved.

Back to top