Announcement

Collapse
No announcement yet.

Accordion Function for Content in Colossus

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Accordion Function for Content in Colossus

    Is there an Accordion Function that can be used for content other than the category tree?

    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    LOL, never mind, I added the basic jQuery Accordion.
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    Comment


      #3
      Hi, I want to have either accordion, or tab functionality, in our Colossus site and was wondering if you could tell me how you added the 'basic jQuery Accordion? Any help would be appreciated, thanks!

      Comment


        #4
        Originally posted by jfazar View Post
        Hi, I want to have either accordion, or tab functionality, in our Colossus site and was wondering if you could tell me how you added the 'basic jQuery Accordion? Any help would be appreciated, thanks!
        Let's see if the forum is going to let me share this (is doesn't seem to like javascript)

        I used this jQuery file https://code.jquery.com/ui/1.12.1/jquery-ui.min.js

        followed by this script

        Code:
        $(document).ready(function() {
        //toggle the component with class accordion_body
        $(".accordion_head").click(function() {
        if ($('.accordion_body').is(':visible')) {
        $(".accordion_body").slideUp(300);
        $(".plusminus").text('+');
        }
        if ($(this).next(".accordion_body").is(':visible')) {
        $(this).next(".accordion_body").slideUp(300);
        $(this).children(".plusminus").text('+');
        } else {
        $(this).next(".accordion_body").slideDown(300);
        $(this).children(".plusminus").text('-');
        }
        });
        });

        Leslie Kirk
        Miva Certified Developer
        Miva Merchant Specialist since 1997
        Previously of Webs Your Way
        (aka Leslie Nord leslienord)

        Email me: [email protected]
        www.lesliekirk.com

        Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

        Comment


          #5
          Hi Leslie, and thanks but where do I upload the jquery-ui.min.js to? And the script that you copied and pasted, where exactly does that go? If possible I need some more direction here please.

          I saw another post of yours from a different thread form over a year ago where you mentioned using this accordion. Are you still using it?

          https://jsfiddle.net/nikdtu/3amzhp6z/

          Comment

          Working...
          X