Little help with jQuery

First of all i found this [B][I]Simple and effective dropdown login box[/I][/B]

I upgrate sing up box.

Now i have Login and Sing up dropdown box, but i have problem :slight_smile:

When i click on Login (activate) and after this i click on Sing up (activate second box) , the login box don’t up (not deactivated), now 2 box’s is opened (activated) :eek::rolleyes:

I need if activated one of them, the second deactivated.

Here is the jQuery code (copy past)

$(document).ready(function(){
	    $('#login-trigger').click(function(){
	    $(this).next('#login-content').slideToggle();
	    $(this).toggleClass('active');					
					
	if ($(this).hasClass('active')) $(this).find('span').html('▲')
		else $(this).find('span').html('▼')
	});
/*----------------------------------------------------------------------------*/
	    $('#registr-trigger').click(function(){
	    $(this).next('#registr-content').slideToggle();
	    $(this).toggleClass('active');					
					
	if ($(this).hasClass('active')) $(this).find('span').html('▲')
		else $(this).find('span').html('▼')
	});
});

Thanks and sorry for my english :slight_smile:

I forgot, here is example how it work now http://jsfiddle.net/ZcVCK/2/