tag:help-archives.hannonhill.com,2010-02-09:/discussions/how-do-i/17747-ability-to-add-accordion-plug-in-on-cmsCascade CMS: Discussion 2015-06-17T14:12:48Ztag:help-archives.hannonhill.com,2010-02-09:Comment/366999442015-04-28T17:00:45Z2015-04-28T17:13:51ZAbility to add Accordion plug in on CMS<div><p>Hi,</p>
<p>I would like to add Accordion on webpage using the code from the
following website: <a href="http://jqueryui.com/accordion/#default">http://jqueryui.com/accordion/#default</a></p>
<p>Could you please let me know where should i add the code? when i
copied to HTML source on the page, it did not work.</p>
<p>Thank you,<br>
Rutvi</p></div>rbhatttag:help-archives.hannonhill.com,2010-02-09:Comment/366999442015-05-19T13:35:35Z2015-05-19T13:35:35ZAbility to add Accordion plug in on CMS<div><p>Hi Rutvi,</p>
<p>Did you add the corresponding javascript and css files? Just let
me know. Thanks!</p></div>Pennytag:help-archives.hannonhill.com,2010-02-09:Comment/366999442015-05-19T16:51:31Z2015-05-19T16:51:32ZAbility to add Accordion plug in on CMS<div><p>Hi Penny,</p>
<p>No I am not sure where to add it?</p>
<p>Thank you,<br>
Rutvi</p></div>Rutvitag:help-archives.hannonhill.com,2010-02-09:Comment/366999442015-05-19T17:04:16Z2015-05-19T17:04:16ZAbility to add Accordion plug in on CMS<div><p>First, you will need to upload the corresponding css file into
your Cascade Server files.<br>
The following will need to be in the head element of the page or
the page's template that you want to include it on.<br></p>
<pre>
<code> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script></code>
</pre>
Please note that you will need to make sure that you are only
including jquery on your page once or you may cause some issues.
You can include these links by putting them in an XML block. You
could then make a region in your template for them (). You would
then need to attach the block to the region on the template or on
the specific page that you want to use this on.
<p>That really depends on your intent for use of the accordion. If
you would like further instructions, we can do a 1-2 hour
consulting session to walk you through this process.</p>
<p>I hope this information helps!</p></div>Penny