We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 46950
    • 86 Posts
    I continue learning Modx and try to make something like a replica of a working site (though without proper visual similarity). On this page http://www.dels18.ru/price I see several links, after clicking any of them all pervious info in the page goes up and down and a corresponding table (with prices) appears. I guess AJAX or jQuery were used to create this effect. I wonder if in Modx Revo there is a snippet which can help me to make a similar effect?

    This question has been answered by sottwell. See the first response.

    • discuss.answer
      • 28042 ☆ A M B ☆
      • 24,524 Posts
      That's all done with Javascript, it's what's called an Accordion. You can find a ton of JQuery plugins for these, just choose one. The only thing you have to do in MODX is to use something like getResources, or getImageList if you use MIGx for the items, and have the snippet's chunk tpl format the output to match what your chosen Javascript expects.
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org
        • 46950
        • 86 Posts
        Thanks, Ms Sottwell. It's sad that there's no built-up addon for it in Modx because the site I train to roughly copy was created using a rare CMS (it's name was like Denim... or Decim... or something similar).
          • 46950
          • 86 Posts
          Oh, I remembered the name of the CMS that was used to make the site I'd like to copy using Modx, its name is Diem. As far as I remember, it's free but there has been no new version for several years.
            • 28042 ☆ A M B ☆
            • 24,524 Posts
            There are some extras that might do what you want.
            https://github.com/josht/faqMan
            There are others, I just can't think of what they are called right now. It's so easy to create your own using the Javascript accordion of your choice and getResources or MIGx that I've never used one of them.
              Studying MODX in the desert - http://sottwell.com
              Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
              Join the Slack Community - http://modx.org
              • 28042 ☆ A M B ☆
              • 24,524 Posts
              And of course, how could I forget wink BobRay's http://bobsguides.com/ezfaq-tutorial.html
                Studying MODX in the desert - http://sottwell.com
                Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
                Join the Slack Community - http://modx.org
                • 19872
                • 1,078 Posts
                ProjectSeven.com accordion panel magic and is well supported. Many other plugins and widgets that available too.

                Foundation 5 Accordion — supported on their forum. Have to code in your own animation and scroll to top functionality.