Exposing an element (using jquery tools)
<p>on the onClick event of a button, I'm trying to expose a form (login form) using the Jquery tools Expose (<a href="http://flowplayer.org/tools/expose.html" rel="nofollow">http://flowplayer.org/tools/expose.html</a>) but it doesn't seem to be working .. </p>

<pre>
 

// execute your scripts when the DOM is ready. this is a good habit
$(function() {

    var api1 = $("#login-area").expose({api:true, lazy:true, color: '#78c'});

});
 
</pre>

<p>Here is the part I'm trying to Expose</p>

<pre><code>&lt;div id="login-area"&gt; 
   &lt;div class="ttl-area"&gt; 
      &lt;h2 class="ttl-login"&gt;&lt;span&gt;Login&lt;/span&gt;&lt;/h2&gt; 
   &lt;/div&gt; 
   &lt;!-- start login-area --&gt; 
   &lt;div class="login-area"&gt; 
      &lt;div class="login-holder"&gt; 

         &lt;form Id="loginForm" action="/raceday/Account/Login" method="post"&gt; 
            &lt;fieldset&gt; 
               &lt;label for="UserName" id="UserName_Label"&gt;Email:&lt;/label&gt;&lt;input id="UserName" name="UserName" type="text" value="" /&gt; 
               &lt;label for="LoginPassword" id="LoginPassword_Label"&gt;Password:&lt;/label&gt;&lt;input id="LoginPassword" name="LoginPassword" type="password" value="" /&gt; 
               &lt;div class="row"&gt; 
                  &lt;a href="/raceday/Account/ForgotPassword"&gt;Forgot your password?&lt;/a&gt; 
               &lt;/div&gt;&lt;br /&gt; 
               &lt;input class="lock btn" id="Login" name="Login" type="submit" value="Login" /&gt; 
            &lt;/fieldset&gt; 
         &lt;/form&gt; 
      &lt;/div&gt; 

      &lt;strong class="ttl"&gt;New user to RacedayWorld.com? Signup below:&lt;/strong&gt; 
      &lt;form action="/raceday/Account/Edit" method="get"&gt; 
         &lt;input class="new btn" id="New_User" name="New_User" type="submit" value="New User" /&gt; 
      &lt;/form&gt; 
   &lt;/div&gt; 
&lt;/div&gt;
</code></pre>

<p>Here is the call to Expose the element</p>

<pre><code>&lt;input type="button" class="register btn" onclick="api1.load()" value="Sign up for this Event" /&gt;
</code></pre>
