anchor.diff:  
   </header>
   
  +<script>
  +    $('a#signup_link').on('click', function(e) {
  +        e.preventDefault();
  +        // Get all relevant elements
  +        var $this = $(this);
  +        var $link = $('a#signup_link');
  +        var $collapse1 = $this.closest('#login').find('#loginForm');
  +        var $collapse2 = $this.closest('#register').find('#registerForm');
  +        // Toggle the cillapse of the firms
  +        $collapse1.collapse('toggle');
  +        $collapse2.collapse('toggle');
  +        // Change the link text
  +        if  ($link.text() == 'Sign-up..') {
  +            $link.text('Login');
  +        }
  +        else {
  +            $link.text('Sign-up..');
  +        }
  +    });
  +</script>
positive.code:             <% unless user_signed_in?%>
                  <li class="dropdown " id="menuLogin">
                    <a class="dropdown-toggle" href="#" data-toggle="dropdown" id="navLogin">Login</a>
                    <div class="dropdown-menu" style="padding:17px;">
                      <label>Login:</label>
                      <%= form_for(resource, :class => "collapse", :html => { :id => "loginForm" }, :as => resource_name, :url => session_path(resource_name)) do |f| %>
                          <div>
                            <!--[if lt IE 9]>
                            <label for="user_email">Enter email</label>
                            <![endif]-->
  
negative.code: 
                          <%= link_to "Forgot your password?", new_password_path(resource_name) %>
                      <% end %>
                      <form><a href="#" title="Click this link to Sign Up for an account" data-toggle="collapse" data-target="#register" id="signup_link">Sign-up..</a></form>
                      <div class="collapse" id="register">
  
                        <%= form_for(resource, :class => "collapse", :html => { :id => "registerForm" }, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
  