• Kontak Kami
  • Hotline : 0856 1020 453
  • SMS : 0856 1020 453
  • BBM : D378F79C

Kontak Kami

Keranjang ( item)

NisaHerbal.com adalah Distributor Herbal Termurah, Grosir Obat Herbal Termurah, Toko Obat Herbal Terlengkap, Pusat Grosir Herbal menyediakan berbagai jenis obat herbal seperti Madu Hutan Super, Madu Hitam, Jelly Gamat Gold G, Sari Kurma, Susu Kambing, Minyak Zaitun, Kapsul Ikan, dan sebagainya. Toko Herbal Terlengkap, Distributor Herbal Termurah, Grosir Obat Herbal Termurah, Toko Obat Herbal Tangerang, Toko Obat Herbal Jakarta, Toko Obat Herbal Bandung, Toko Obat Herbal Semarang, Toko Obat Herbal Bekasi, Toko Obat Herbal Surabaya, Toko Obat Herbal Bali, Toko Obat Herbal Tangerang Selatan, Toko Obat Herbal Online, Toko Obat Herbal Ciledug, Toko Obat Herbal Lampung, Toko Obat Herbal Medan, Toko Obat Herbal Jepara, Toko Obat Herbal Kudus, Toko Obat Herbal Cirebon, Toko Obat Herbal Malang, Toko Obat Herbal Manado, Toko Obat Herbal Pekalongan, Toko Obat Herbal Batang, Toko Obat Herbal Palembang, Toko Obat Herbal Serang, Toko Obat Herbal Denpasar, Toko Obat Herbal Kalimantan, Toko Obat Herbal Sulawesi, Toko Obat Herbal Sumatera, Toko Obat Herbal Bekasi, Toko Obat Herbal Ternate, Toko Obat Herbal Pontianak.
Beranda » Accordion & Toggle

Accordion & Toggle

Accordions are the codes which allow you to add multiple sections of information along with ease to vary content and titles to your choice. Accordions are used when you want the reader to only see one section at a time. Toggles are the codes which allow you to add multiple sections of information along with ease to vary content and titles to your choice, toggles are the codes to enable reader to open multiple sections at a time.

Accordian Style

[accordion] [accordion_item active=”yes” icon=”fa-twitter” title=”Suspendisse vel mi a mauris aliquet convallis.” accordion=”accordion”]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.[/accordion_item] [accordion_item active=”” icon=”fa-facebook” title=”Lorum lipsum Suspendisse vel mi a mauris aliquetSuspendisse vel mi a mauris convallis. ” accordion=”accordion”]Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.[/accordion_item] [accordion_item active=”” icon=”fa-youtube” title=”Lorum lipsum Suspendisse vel mi a mauris aliquetSuspendisse vel mi a mauris convallis. ” accordion=”accordion”]Ad vegan excepteur butcher vice lomo. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.[/accordion_item] [/accordion] [code title=”Acordian code goes here”] [accordion] [accordion_item active=”yes” icon=”fa-twitter” title=”Accordion Title 1″ accordion=”accordion”]Accordion Content 1[/accordion_item] [accordion_item title=”Accordion Title 2″ accordion=”accordion”]Accordion Content 2[/accordion_item] [accordion_item title=”Accordion Title 3″ accordion=”accordion”]Accordion Content 3[/accordion_item] [/accordion] [/code]

Accordian without Icon

[accordion] [accordion_item active=”” icon=”” title=”Suspendisse vel mi a mauris aliquet convallis.” accordion=”accordion”]Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio.[/accordion_item] [accordion_item title=”Pellentesque ac arcu aliquet sem varius interdum vel quis odio” accordion=”accordion”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc.[/accordion_item] [accordion_item title=”Nulla adipiscing ipsum sit amet neque egestas sagittis” accordion=”accordion”]Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio.[/accordion_item] [/accordion] [code title=”Accordian code goes here”] [accordion] [accordion_item active=”” icon=”” title=”Accordion Title 1″ accordion=”accordion”]Accordion Content 1[/accordion_item] [accordion_item title=”Accordion Title 2″ accordion=”accordion”]Accordion Content 2[/accordion_item] [accordion_item title=”Accordion Title 3″ accordion=”accordion”]Accordion Content 3[/accordion_item] [/accordion] [/code]

Toggle Style

[toggle active=”yes” title=”Suspendisse vel mi a mauris aliquet convallis.”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc.[/toggle] [toggle active=”no” title=”Pellentesque ac arcu aliquet sem varius interdum vel quis”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc.[/toggle] [toggle active=”no” title=”Aliquam auctor magna viverra malesuada tempus arcu quam eleifend”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc.[/toggle] [toggle active=”no” title=”Phasellus dictum mattis ornare laoreet risus ut ultrices sagittis”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc.[/toggle]

[code title=”Toggle Shortcode goes here”] [toggle active=”yes” title=”Toggle Title 1″]Toggle Content 1[/toggle] [/code]

Customization Options / Features

[list type=”tick” icon=”fa-ok”] [list_item]One page can have unlimited accordions.[/list_item] [list_item]It offers to insert images, graphics, or other short codes in the text description area[/list_item] [list_item]Each set can have unlimited accordion-items within it.[/list_item] [list_item]A specific toggle can be set to be open by default when the page loads[/list_item] [list_item]One page can have unlimited toggles. [/list_item] [list_item]It offers to insert images, graphics, or other short codes in the text description area[/list_item] [list_item]Each set can have unlimited toggle-items within it. [/list_item] [list_item]A specific toggle can be set to be open by default when the page loads[/list_item] [/list]

Bagikan informasi tentang Accordion & Toggle kepada teman atau kerabat Anda.

Accordion & Toggle | Nisa Herbal

Mungkin Anda tertarik produk berikut ini:
OFF 5%
Rp 62.000 Rp 65.000
Ready Stock
OFF 31%
Rp 55.000 Rp 80.000
Ready Stock
SIDEBAR