Home Forums WordPress Themes – Premium Flat Responsive Contents of accordion-panels html snippets

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17307
    Tane
    Participant

    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.
    #22806
    Binaya D
    Participant

    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

    #22814
    Tane
    Participant

    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.

    #17308
    Sushil Adhikari
    Moderator

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.