Joomla accordion plugin, module, extension, component. Joomla news and articles in accordion. Joomla news slideshow.

Allows to place content in accordion: an expandable/collapsible content pane. Applicable when content must be displayed within limited space. Uses jQuery library. This plugin is also a part of ARI Smart Content: News Pack

Features:
  • Accordion may contain any text, links, images and other content.
  • Different types of expand/collapse animation
  • Expands on mouse click or mouse over
  • CSS style can be applied to accordion
  • Can contain articles from your Joomla! system.

Example:


Theme:

  • ARI Quiz

    Joomla! quiz component
    ARI Quiz is a Joomla quiz component which provides ability to create various tests to evaluate respondent's level of knowledge. It can help organizing quizzes on your Joomla site. It contains many settings and can be configured for your needs. You can successfully use it both for creating big quiz system on your Joomla site or simple quiz with several questions on your site.
  • ARI Smart Content

    ARI Smart Content
    ARI Smart Content is a Joomla! component which can help you to make the content of your site more attractive and user-friendly. Idea of ARI Smart content is to create a pluggable tool that combines various content effects like: accordion, tabs, popup, scrollers, news sliders, table wrappers and many other. You don't need technical knowledge to use the power of different pluggable effects in your Joomla! system. More over, you don't need to find and pay for different Joomla! components such as Joomla! tabs component, accordion component, lightbox component, Joomla! newsslider component, CSV extension and other. Now you receive it in one package and pay only once.
  • ARI Thumbnail

    Thumbnail Joomla! component
    ARI Thumbnail provides possibilities to view picture thumbnails and galleries, resize pictures, customize image view easy! The component is simple yet powerful and customizable. With this component you will provide you visitors and customers with unforgettable stylish effects. This is the case when the picture or gallery says more than simple words. ARI Thumbnail comes with plugin (mambot) which means that you can easy embed the picture with nice thumbnail effect in almost every type of Joomla! content.


  • Title 1

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque accumsan pellentesque quam. Praesent malesuada. In hac habitasse platea dictumst. Praesent aliquet diam quis pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque in neque. Duis metus risus, suscipit eu, luctus varius, tempus eget, metus. Nunc facilisis gravida urna. Curabitur augue.
  • Title 2

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque accumsan pellentesque quam. Praesent malesuada. In hac habitasse platea dictumst. Praesent aliquet diam quis pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Theme:

Usage:В 

В {arijaccordion animated="bounceslide" width="200" className="acord"}
{arijaccordionitem title="Title 1"}
First section
{/arijaccordionitem}
{arijaccordionitem title="Title 2"}
Second section
{/arijaccordionitem}
{arijaccordionitem title="Title 3"}
Third section
{/arijaccordionitem}
{/arijaccordion}

{arijaccordion width="250" useJoomlaArticle="true" articleSortField="created" articleItemCount="10"} {articleTitle}{$title|truncate:50:...}{/articleTitle} {ariarticletemplate} {$title} {$introtext} {/ariarticletemplate} {/arijaccordion}


Parameters:

  • width - Width of working area. Values: number
  • alwaysOpen - Whether there must be one content element open. Allows collapsing the active section by the triggering event. Values: true, false
  • autoHeight - If set, the highest content part is used as height reference for all other parts. Provides more consistent animations. Values: true, false
  • active - Selector for the active element. Set to false to display none at start(needs alwaysOpen="false")
  • fillSpace - If set, the accordion completely fills the height of the parent element. Overrides auto height. Values: true, false
  • event - The event on which the accordion should be triggered. Values: click, mouseover
  • animated - Animation type. Values: " " (none), slide, bounceslide, easeslide
  • className - CSS class name to be applied to accordion
  • useJoomlaArticle - Indicate that news ticker is used for loading Joomla! article. Values: true,false
  • articleSecId - Indicate IDs of sections the articles should belong to (If you have articleExcludeSection option turned on then indicate IDs of sections the articles should NOT belong to). You may enter several IDs separated with commas. Values: number
  • articleExcludeSection - If this option is on then articles related to IDs from articleSecId option will not be selected. Values: true,false
  • articleCatId - Indicate IDs of categories the articles should belong to (If you have articleExcludeCategory option turned on then indicate IDs of categories the articles should NOT belong to). You may enter several IDs separated with commas. Values: number
  • articleExcludeCategory - If this option is on then articles related to IDs from articleCatId option will not be selected. Values: true,false
  • articleCreatorId - indicate IDs of articles creators whose articles will be selected (If you have articleExcludeCreator option turned on then indicate IDs of articles creators whose articles will NOT be selected). You may enter several IDs separated with commas. Values: number
  • articleExcludeCreator - If this option is on then articles related to IDs from articleCreatorId option will not be selected. Values: true,false
  • articleRandomize - Randomize article sorting. Values: true,false
  • articleSortField - Article sorted by. Values: created,created_by,id,introtext,fulltext,hits,modified,modified_by,ordering,title
  • articleSortDir - Article sort direction. Values: ASC,DESC
  • articleParseTag - Needs parse mambot tags in article. Values: true,false
  • articleItemCount - Number of articles to select. If 0 then all articles will be selected. Values: number.