Hi,
I have this popup with a Login Form (and a register form comment):
div id="login" style="float:right; width:15%; padding-top:3px;">
<a href="#" class="topopup">LOGIN | REGISTAR</a>
<div id="toPopup">
<div class="close"></div>
<div id="popup_content"> <!--your content start-->
<h2>Login</h2>
<form id="login">
<table cellpadding="3" cellspacing="2">
<tr>
<td>
Username:
</td>
<td>
<input type="text" name="username" id="username" />
</td>
</tr>
<tr height="10px"></tr>
<tr>
<td>
Password:
</td>
<td>
<input type="password" name="password" id="password" />
<br/>
<span style="font-size:10px;"><a href="">Esqueceu-se da password?</a></span>
</td>
</tr>
<tr>
<td>
</td>
<td style="text-align:left;">
<input type="submit" name="login" id="login" />
<span style="font-size:12px;"><a href="">Ainda não está inscrito?</a></span>
</td>
</tr>
</table>
</form>
<!--
<form id="register">
<table cellpadding="3" cellspacing="2">
<tr>
<td>
Username:
</td>
<td>
<input type="text" name="username" id="username" />
</td>
</tr>
<tr height="10px"></tr>
<tr>
<td>
Password:
</td>
<td>
<input type="password" name="password" id="password" />
<br/>
<span style="font-size:10px;"><a href="#">Esqueceu-se da password?</a></span>
</td>
</tr>
<tr>
<td>
</td>
<td style="text-align:left;">
<input type="submit" name="login" id="login" />
<span style="font-size:12px;"><a href="#register">Ainda não está inscrito?</a></span>
</td>
</tr>
</table>
</form>
-->
</div> <!--your content end-->
</div> <!--toPopup end-->
<div class="loader"></div>
<div id="backgroundPopup"></div>
</div>
What i want is to change with a jquery effect the forms when i click in the anchor link
<span style="font-size:12px;"><a href="#register">Ainda não está inscrito?</a></span>
Can you help me, please?
Thank you