Mostafa Shahiri

The Everything Accordion is a simple widget that shows wordpress widgets, posts and pages in an pretty accordion. It enables you to control:
<ol>
<li>displaying the widgets</li>
<li>displaying the separated posts</li>
<li>displaying the pages</li>
<li>displaying posts of some specific categories</li>
<li>different filters for posts and pages</li>
<li>Ordering posts and pages based on created date, modified date, views, comments count and random.</li>
<li>Showing pages and posts in two different modes: 1)Introtext includes featured image+inro content+readmore link. 2)Fulltext mode</li>
<li>Custom text for readmore links.</li>
<li>Some other filters for showing the categories, author, published date, modified date and comments count of the pages or posts.</li>
</ol>
If you like to apply your style to this widget, you can edit everythingaccordion.css file. The ID of this widget is everything_accordion.
Now we explain about CSS classes are used in Everything Accordion :
.evachead: CSS class for styling accordion headers 
.accord_widget: CSS class for styling widgets 
.accord_content: CSS class for styling accordion panel 
.info: CSS class for styling info small tags 
.infoblock: All small tags have been placed in a div with this CSS class. (Parent div class for small tags) 
.accord_img: CSS class for featured images divs 
.accord_post: CSS class for styling posts or pages content divs 
.accord_readmore: CSS class for parent divs of readmore links.

Everything Accordion

The Everything Accordion is a simple widget that shows wordpress widgets, posts and pages in an pretty accordion.

Olevmedia

Olevmedia Shortcodes plugin adds a button to editor, which provides you plenty of handy shortcodes:
<ul>
<li>Accordion</li>
<li>Toogle</li>
<li>Tabs, (it’s responsive)</li>
<li>Blockquote</li>
<li>Box</li>
<li>Buttons (you can choose icons, colors, specify tooltips and much more)</li>
<li>Columns (up to 1/6, also it’s responsive)</li>
<li>Counter</li>
<li>Divider</li>
<li>Dropcaps</li>
<li>Icons</li>
<li>Infoboxes (small, big, with buttons)</li>
<li>Lists (custom bullet icons)</li>
<li>Logos (line up images accurately)</li>
<li>Map (insert responsive Google Map)</li>
<li>Marker</li>
<li>Recent Posts</li>
<li>Table (styling)</li>
<li>Pricing tables (it’s responsive)</li>
<li>Video (insert responsive video from YouTube, Vimeo, etc.)</li>
<li>Few more shortcodes</li>
</ul>
<h4>Features</h4>
Plugin provides handy shortcodes generator interface, so you don’t need to remember all codes, just click the button at the editor toolbar and get the shortcode!
Shortcodes layout is responsive, so they are nicely displayed on mobile devices.

Olevmedia Shortcodes

Olevmedia Shortcodes plugin adds a button to editor, which provides you plenty of handy shortcodes (buttons, icons, lists, infoboxes and more)

Everything Accordion vs Olevmedia Shortcodes