Note that there are some explanatory texts on larger screens.

plurals
  1. POI'm attempting to use jquery ui (accordion) inside an AnythingSlider panel and it's not working - somebody look?
    primarykey
    data
    text
    <p>I'm making a site from AnythingSlider and want to use jQuery UI's accordion feature inside a panel and the whole page poops the bed. All of the references to js and css work. And now for the news...</p> <pre><code>&lt;script type="text/javascript"&gt; // Set up Sliders // ************** $(function(){ $('#slider').anythingSlider({ startPanel : 1, buildArrows : false, autoPlay : false, width : 600, // if resizeContent is false, this is the default width if panel size is not defined height : 350, // if resizeContent is false, this is the default height if panel size is not defined resizeContents : false, // If true, solitary images/objects in the panel will expand to fit the viewport startStopped : true, // If autoPlay is on, this can force it to start stopped navigationFormatter : function(index, panel){ // Format navigation labels with text return ['home', 'menu', 'find us', 'order online', 'cater', 'contact'][index - 1]; } }); $("#accordion").accordion({ header: "h3" }); }); &lt;/script&gt; </code></pre> <p>And in the body:</p> <pre><code>&lt;li class="panel2"&gt; &lt;div id="accordion"&gt; &lt;div&gt; &lt;h3&gt;&lt;a href="#"&gt;First&lt;/a&gt;&lt;/h3&gt; &lt;div&gt;Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.&lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;h3&gt;&lt;a href="#"&gt;Second&lt;/a&gt;&lt;/h3&gt; &lt;div&gt;Phasellus mattis tincidunt nibh.&lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;h3&gt;&lt;a href="#"&gt;Third&lt;/a&gt;&lt;/h3&gt; &lt;div&gt;Nam dui erat, auctor a, dignissim quis.&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/li&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload