Problem with drop down link.

[CarraraWebsiteSolutions]

Hello I have just finished my design of my drop down but can not seem how to work out how to get it to hide until have clicked class=”sign_in” button and also can press sign in button to make it go away? not sure on how to do that

http://codepen.io/mwbcomputers/pen/qEemg

[Paulie_D]

You need javascript./jQuery.

http://codepen.io/Paulie-D/pen/nojdG

[CarraraWebsiteSolutions]

Thanks for that I all ready have that code but could not get it to work. Were about to I put the script that is.

Do I put it in the head part. or below the very last div.

<script type="text/javascript">
// TOGGLE ON CLiCK 

$('.sign_in').click(function() {
  $('.dropdown').slideToggle('slow', function() {
    // Animation complete.
  });
});
</script>

[Paulie_D]

Have you linked in Jquery first?

Frankly, I would put it in a separate JS file linked AFTER the JQ main file but, failing that it should be at the bottom of the page before .

[CarraraWebsiteSolutions]

yes will try it again.

[CarraraWebsiteSolutions]

To @Paulie_D

Thanks for you help but just watched a video on how to make pop up login here what I have done have got it to work I think it more better.

Going to do design of it tomorrow functions just about done no jquery in this one you can fork it if need be.
http://codepen.io/mwbcomputers/pen/IAwHn

[Author]

Posts