SO - 22801826

by chandu bandu

HTML

<ul>
    <li class="active"><a href="#nd_login_form" >LogIn<?php _e('Login', 'ninety'); ?></a></li>
</ul>
<form action="<?php echo home_url(); ?>/?wcz" method="post" class="nd_form" id="nd_login_form" style="z-index:100;background:gainsboro;position:absolute;">
    <div class="nd_form_inner"> 
        
        <p><label for="nd_username"><?php _e('Username','ninety'); ?>:</label> <input type="text" class="text" name="log" id="nd_username" placeholder="<?php _e('Username', 'ninety'); ?>" /></p> 
        <p><label for="nd_password"><?php _e('Password','ninety'); ?>:</label> <input type="password" class="text" name="pwd" id="nd_password" placeholder="<?php _e('Password','ninety'); ?>" /></p> 
        
        <input type="submit" class="button" value="<?php _e('Login &rarr;','ninety'); ?>" /> 
        <input name="nd_login" type="hidden" value="true"  /> 
        <input name="redirect_to" type="hidden" id="redirect_to" value="<?php echo nd_login_current_url(); ?>"  /> 
    </p> 
</div>
</form>

JavaScript

$(document).ready(function() { 
        $("#nd_login_form").slideDown(); 
        $(".active").on('click',function () { 
            $("#nd_login_form").slideToggle("fast"); 
        }); 
    });