Full Stack LAMP - MEAN Developer, Python developer. Certified Azure Developer. Freelance programmer/consultant/trainer.

Twitter Type like Login Box with Jquery and CSS?

Here is the simple tutorial On Twitter Like Login Box Show and Hide effect with JQuery, You can achieve this with fewer lines of code Using JQuery Events, and require some CSS to give styles.

Html Code :



Css Code :

;

jQuery code:

$(document).ready(function() { 
 
$('#singin').click(function(event){ 
event.preventDefault(); 
$('#signin_menu').toggle(); 
$('#singin').toggleClass('.box');
return false; });	
$('#signin_menu').mouseup(function() {
return false }); 
$(document).mouseup(function(){ 
$('#signin_menu').hide();
}); 
}); 

Please don’t forget to share and subscribe to latest updates on the blog. Also, any comments and feedback are all welcome!
Thanks!

I hope you like this Post, Please feel free to comment below, your suggestion and problems if you face - we are here to solve your problems.

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments