Contents of accordion-panels html snippets

[Tane]

I though the accordian panels would be great with a simple table for installer links but I can’t seem to make it work. Any table or list inside an accordian panel seems to corrupt the accordian. Is it possible to stick some sort of simple table inside them at all? What I am trying to do is to allow the user to click on the accordian and it expands a list of suppliers with phone and address etc… just simple tables really.

http://maelwryth.com/energy/califont/ is an example at the base of the page, use testuser to login and Z******* for the password.

I have also included a screenshot of the problem and the code that make it as attachments.
examplecode.txt
Screenshotfrom2016-05-02210457.png

Attachments:

You must be logged in to view attached files.

[Binaya D]

Hi Tane,

You can follow this link in which we have already discussed and nomatter it is Flat Responsive or Lavish Pro, it is the same accordian. We hope this will be helpful to you, if not then please let us know.

Thanks

[Tane]

OK, for those that come after. My problem wasn’t with the javascript, my problem was weird side effects after putting any table or list inside the content sections (eg:

Section 4 Content Here

). Text would work fine. An image would work fine. A table or list would create expand icons in the wrong place, pre-expand the contents, and sometimes hide the other accordians.

This was because of where I put the div. If you place your divs like this

Section 4 Content Here

you get weird content. If you place them like this.

Low end system example

Column 1

Column 2

Column 3

Column 4

All will be fine.

[Sushil Adhikari]

Hi Tane,

Sorry to say that we are unable to track down your issue. We had visited your site: http://maelwryth.com/energy/califont/ but couldn’t find any issue. So can you provide the screenshot of the page where you are encountering the problems.

Regarding to

Section 4 Content Here

this issue, .accordion function of j query parse the content that are children of of p tag. But as you know div created new section . This may be the reason behind the wird functioning of accordion.

Let us know if we are understanding fully or perhaps this not what you meant for.

Thanks

[Author]

Posts