JavaScript Forum

**tapi** · 09-13-2009, 12:16 PM

Hi everybody!!

I'm beginning in jquery and although I do understand a bit what the script says, I need help. I have a btn which should call two event at the same time. I would like to apply 2 events in one click. Ok? I figure that this is a very simple sentence, but I can’t get it.

This is what I have:
a <div id:”logo”> in an specific place.
a <div id:”menu”> exactly in the same place (z-index:3000 and display:none)
a button named “call” <a href id=”call”>

What I want:
I would like that id:logo hidde slowly when “call” is clicked but at same time that “menu” appears. I want to do this with effects. Simple effects, just the logo disappears (upwards) slowly and menu appears downwards slowly.

What I’ve done:

Code:

    <script type="text/javascript">
  $(document).ready(function(){
           $("#call").click(function(event){
           event.preventDefault();
           $("#MD_logo").hide("slow");
           });
  
           $("#call").click(function(event){
           event.preventDefault();
           $("#menu").show(2000);
           });
  });

The effects work in IE, though it disappears and appears from the top left corner. Whereas in Mozilla, the effect only works in the menu. The logo simply disappears without effect. Please a litle help will be great. Thank you