Javascript 2 elements dependent onclick .toggle [closed]

Since you want them to alternate the easiest would be to use show() and hide() rather than toggle(), since you don’t actually want to toggle the visibility if the login is clicked more than once, you want it to always show the #login and hide the #create. Also note that the live() function has been deprecated in favor of on(). See this example:

jQuery(document).ready(function(){
    jQuery('#sign-in').on('click', function(event) {        
         jQuery('#login-content').show();
         jQuery('#create-content').hide();
    });
    jQuery('#create-account').on('click', function(event) { 
         jQuery('#create-content').show();       
         jQuery('#login-content').hide();  
    });
});