Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

In this presentation you will see step by step instructions on how to insert a jQuery Accordion to your Joomla 3.x website.

You need to have Likno Web Accordion Builder (http://www.likno.com/jquery-accordion/index.php) and Likno Web Accordion Joomla Addin (http://www.likno.com/jquery-accordion/joomla-accordion.html).

View the SlideShare presentation below:

How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website from Likno Software

Do not forget to follow us on our social media channels so you stay updated with our latest posts:

Follow us on SlideShare

Like us on Facebook

Follow us on Twitter

Follow us on Google Plus

Subscribe to our Youtube Channel

Hello, we have released a new version of Likno Web jQuery Accordion Builder - version 2.1 Build #240

Check out What's New

All features here: http://www.likno.com/jquery-accordion/index.php

You can download the latest version at:

http://www.likno.com/jquery-accordion/download.php

Hello, we have released a new version of Likno Web jQuery Accordion Builder - version 2.1 Build #238

Check out What's New

All features here: http://www.likno.com/jquery-accordion/index.php

You can download the latest version at:

http://www.likno.com/jquery-accordion/download.php

Knowledge Base support case for Likno Web Accordion Builder, abstracted and stripped of all user’s private info.

Initial Email From: Todd
Initial Email Subject:  Web Accordion Display Issue
Support Case Month: September 2013

Greetings!  I have a problem with Web Accordion.  The issue is demonstrated on the following page:  {URL REMOVED}.  I am seeking your assistance to know if this is a bug vs. something that I’m doing by somehow badly coding.

Walking past a co-worker's desk (using XP and IE 8), it would appear that:

1. An HTML bullet within an accordion pane appears to have become its own pane, and has replaced the separator (below in #2)

2. The separator that was between the 3^rd and 4^th pane has disappeared.

Using saucelabs.com, I was able to look at this page with different browsers and was able to confirm the issue first-hand.  I was not able to view this issue at my desk using Windows 7 with both Chrome 29.0.1547.76 m and IE 10.0.9200.16686. 

This is how it is supposed to look:

Instead, the Web Accordion looks like this:

Thank you for your help!
Todd

Reply From: Likno Customer Support

Hello Todd,

Well, this happens because you have some extra </li> that you don’t need and as Internet Explorer is more strict in rendering content you see that problem there.

In order to correct that, you need to remove the 2 </li> shown in the screenshot below. Then, recompile your project and re-upload the produced files.

Let me know if you need more information.

Thank you!

Kind Regards, 
Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Todd

Awesome!  Thank you so much.  Can’t believe that overlooked that.  Have a great weekend!
Todd

Knowledge Base support case for Likno Web Accordion Builder, abstracted and stripped of all user’s private info.

Initial Email From: Josef
Initial Email Subject:  Likno Accordion Builder
Support Case Month: September 2013

Hello,

I have a request to integrate into the accordion pane headers in addition to the title clickable social media icons for facebook, linkedin and xing (on the left side to the position of the indicator image). Do you see any possibilities to do that?

Thanks and regards
Josef

Reply From: Likno Customer Support

Hello Josef,

You could do that, having the pane Header title you want and also some images.

You could have for example:

Header 2

<a style="margin-left:320px;" href="http://www.facebook.com">
      <img src="http://careers.futurestep.com/sites/_web-templates/image-library/Social-Icons/email/facebook-email-icon.png" />
</a>

The result would be the following, so clicking on the facebook icon you go to the facebook page.

Let me know if you need more information.

Thank you!

Kind Regards, 
Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!