jquery animate hilfe

das-schaf

Grünschnabel
Hi,
ich will sowas bauen wie den Warenkorb oben rechts auf http://www.archiduchesse.com/.

Es soll quasi animiert werden wenn man drüber geht und wenn man rausgeht mit der maus soll es wieder zurückhüpfen. Ich habs auch schon teilweise hinbekommen aber wie mache ich es das es am anfang geschlossen ist?

Hat vielleicht jemand ne idee?

danke schonmal,
tobi
 
Das hab ich schon aber Hide am anfang hab ich auch schon probiert, dann geht er aber gar nicht auf :(

Code:
$('#cart_block').hover(function(){

    var h=parseInt($('#cart_block_list').height())+20+'px';
    
    $("#cart_block_contenu").stop().animate({height:h},{
      queue:false,
      duration:500,
      easing:'easeOutBounce'});
    $("#cart_block #cart_block_list").show();
    },function(){
      $("#cart_block_contenu").stop().animate({height:0},{
      queue:false,
      duration:500});
  });

  $('#header_user').hover(function(){
    var h=parseInt($('#cart_block_list').height())+20+'px';
    $("#cart_block_contenu").stop().animate({height:h},{
    queue:false,
    duration:500,
    easing:'easeOutBounce'
    });
  $("#cart_block #cart_block_list").show();
  },function(){
    $("#cart_block_contenu").stop().animate({height:0},{
    queue:false,
    duration:500
    });
  });
Grüße,
Tobi
 
Zuletzt bearbeitet von einem Moderator:

Neue Beiträge

Zurück