Note that there are some explanatory texts on larger screens.

plurals
  1. POHide FX.slide content at the start instead of after a click
    primarykey
    data
    text
    <p>I've got my mootools FX.slide working fine but I want the content to be hidden at the beginning instead of after they click on the link. I've done this with jquery and I usually just change the class to display:none; but it doesn't work the same with mootools.</p> <p>How do I go about making the content hidden at first?</p> <p>Here is a fiddle of what I've made:</p> <p><a href="http://jsfiddle.net/ajrdesign/seVM7/" rel="nofollow">http://jsfiddle.net/ajrdesign/seVM7/</a></p> <p>Here's the code:</p> <p>JS</p> <pre><code>var mySlide = new Fx.Slide('slider_content'); $('toggle').addEvent('click', function(e){ mySlide.toggle(); }); </code></pre> <p>HTML</p> <pre><code>&lt;li&gt; &lt;h3&gt;What can I do with Revu iPad?&lt;/h3&gt; &lt;a id="toggle" href="#"&gt;Answer&lt;/a&gt; &lt;div id="slider_content"&gt; &lt;p&gt;Revu iPad includes some of the most popular features of Bluebeam Revu, enabling you to redline PDFs and collaborate with others on the go. Access PDFs through Dropbox, Box, iTunes, or WebDAV and redline PDFs with markup tools* including your existing tool sets. Additionally, collaborate with project partners across the globe in real time using Bluebeam Studio. &lt;/p&gt; &lt;p&gt;Revu iPad does not include all the features of Bluebeam Revu. Our app is designed to provide users with the features they need to document issues and collaborate in the field, without compromising speed.&lt;/p&gt; &lt;p&gt;*Measurement annotations are currently not supported.&lt;/p&gt; &lt;/div&gt; &lt;/li&gt; </code></pre> <p>CSS</p> <pre><code>#slider_content { padding: 10px; margin: 20px; border: 1px solid #e8e8e8; border-radius: 4px; } </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.
 

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