<![CDATA[ Flexibility add-on and collapsible accordion - My Forums]]> https://forums.modx.com/thread/?thread=85764 <![CDATA[Re: Flexibility add-on and collapsible accordion]]> https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472968 
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="assets/templates/flexibility/javascripts/jquery.foundation.accordion.js"></script>


...and it works. The files are slightly different from those that ship with Flexibility.

Thanks for your help - jQuery was being called as:

 <script src="http://code.jquery.com/jquery-latest.min.js"></script>
]]> chrisandy Jul 25, 2013, 07:32 AM https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472968 <![CDATA[Re: Flexibility add-on and collapsible accordion]]> https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472845
To test place replace the code you posted with this:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="assets/templates/flexibility/javascripts/jquery.foundation.accordion.js"></script>
<script>
  $(function() {
    $( ".accordion" ).accordion({
      collapsible: true
    });
  });
  </script>


If it works then you are either missing the reference to the jQuery library or it is being called after your plugin.

Good luck.]]> benmarte Jul 24, 2013, 06:07 PM https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472845 <![CDATA[Re: Flexibility add-on and collapsible accordion]]> https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472833 Quote from: benmarte at Jul 24, 2013, 02:19 PM
Is jQuery being referenced before this script tag? Sounds like it's not.

Do you mean the order in which things are being called i.e:

  <script src="assets/templates/flexibility/javascripts/jquery.foundation.accordion.js"></script>
<script>
  $(function() {
    $( ".accordion" ).accordion({
      collapsible: true
    });
  });
  </script>


...or something else - sorry I'm a designer not into js.]]> chrisandy Jul 24, 2013, 03:56 PM https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472833 <![CDATA[Re: Flexibility add-on and collapsible accordion]]> https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472817 benmarte Jul 24, 2013, 02:19 PM https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472817 <![CDATA[Re: Flexibility add-on and collapsible accordion]]> https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472810 ReferenceError: Can't find variable: $

I'm not quite ready for Foundation 4 yet so still using Flexibility 3.0.6]]> chrisandy Jul 24, 2013, 01:31 PM https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472810 <![CDATA[Re: Flexibility add-on and collapsible accordion]]> https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472806 http://flexibilitymodx.com

Also, does the Javascript give any errors?]]> ThaClown Jul 24, 2013, 12:52 PM https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472806 <![CDATA[Re: Flexibility add-on and collapsible accordion]]> https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472790 ]]> chrisandy Jul 24, 2013, 11:41 AM https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472790 <![CDATA[Re: Flexibility add-on and collapsible accordion]]> https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472788 
<script>
  $(function() {
    $( ".accordion" ).accordion({
      collapsible: true
    });
  });
  </script>
]]> benmarte Jul 24, 2013, 11:26 AM https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472788 <![CDATA[Flexibility add-on and collapsible accordion]]> https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472784 
<div class="four columns">
[[+icon]]
<h2>[[+pagetitle]]</h2>
<ul id="[[+id]]" class="accordion">
<li>
<div class="title">
<h3>[[+longtitle]]</h3>
</div>
<div class="content">
[[+imagehome]]
<p>[[+introtext]]</p>
</div>
</li>
</ul>
</div>


I found this script but can't get it to work:

<script>
  $(function() {
    $( "#accordion" ).accordion({
      collapsible: true
    });
  });
  </script>


Would be grateful for any ideas - fantastic add-on by the way.
]]> chrisandy Jul 24, 2013, 10:34 AM https://forums.modx.com/thread/85764/flexibility-add-on-and-collapsible-accordion#dis-post-472784