Databases
StackOverflow2013
Postsdbo
POTrouble with jQuery animate() on a panel that contains the anythingSlider()
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POTrouble with jQuery animate() on a panel that contains the anythingSlider()
    primarykey
    data
    text
    <p>I'm using the jQuery anythingSlider to rotate content. I have a little tab underneath the slider which the user can click on to toggle display of the entire slider. I'm using the jQuery animate() function on a div that wraps the entire slider. When I do this, it disables the anythingSlider arrows, which is my problem. When I remove the animate function from the div wrapper, the anythingSlider arrows work again. I have a feeling there's a problem with putting the anythingSlider inside a div that has the jQuery animate function applied to it. Can anyone confirm this? If so, what's another way I can toggle display of the anythingSlider?</p> <p>Here it is on jsFiddle where you can see the problem I'm having with the arrows not working: <a href="http://jsfiddle.net/brianmcculloh/H2hPQ/3/" rel="nofollow">http://jsfiddle.net/brianmcculloh/H2hPQ/3/</a></p> <p>HTML:</p> <pre><code>&lt;div id="slider-wrapper"&gt; &lt;div id="slider"&gt; &lt;div class="wrapper"&gt; &lt;ul&gt; &lt;li&gt; content... &lt;/li&gt; &lt;li&gt; content... &lt;/li&gt; &lt;li&gt; content... &lt;/li&gt; &lt;li&gt; content... &lt;/li&gt; &lt;li&gt; content... &lt;/li&gt; &lt;li&gt; content... &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="bottom"&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt; &lt;div id="slider-tab"&gt; &lt;!-- the tab that toggles the slider panel --&gt; &lt;div onclick="showslider()" id="slider-button"&gt; &lt;a title="Toggle this panel"&gt;toggle&lt;/a&gt; &lt;/div&gt;&lt;/div&gt; </code></pre> <p>Javascript:</p> <pre><code>function showslider() { $('#slider-wrapper').animate({ opacity: 'toggle', height: 'toggle', }, 300, 'linear' ); } $(document).ready(function() { function formatText(index, panel) { return index + ""; } //SLIDER $('#slider').anythingSlider({ easing: "easeInOutExpo", // Anything other than "linear" or "swing" requires the easing plugin autoPlay: true, // This turns off the entire FUNCTIONALY, not just if it starts running or not. delay: 3000, // How long between slide transitions in AutoPlay mode startStopped: false, // If autoPlay is on, this can force it to start stopped animationTime: 600, // How long the slide transition takes hashTags: false, // Should links change the hashtag in the URL? buildNavigation: false, // If true, builds and list of anchor links to link to each slide pauseOnHover: true, // If true, and autoPlay is enabled, the show will pause on hover startText: "Go", // Start text stopText: "Stop", // Stop text navigationFormatter: formatText // Details at the top of the file on this use (advanced use) }); }); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USIndustrial Themes
    1. USIndustrial Themes
    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. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COIt would be nice to see some code, or a (non-)working sample on JSFiddle.net
      singulars
      1. POTrouble with jQuery animate() on a panel that contains the anythingSlider()
      1. USDutchie432
    2. COThanks, I added it.
      singulars
      1. POTrouble with jQuery animate() on a panel that contains the anythingSlider()
      1. USIndustrial Themes
    3. COHere it is on jsFiddle - neat service! http://jsfiddle.net/brianmcculloh/H2hPQ/3/
      singulars
      1. POTrouble with jQuery animate() on a panel that contains the anythingSlider()
      1. USIndustrial Themes
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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