ansaurus

Question

Jquery mouse over div slideUp and mouse out div slideDown.

Answer 1

A:

You should try the following:

$("#clickk").hover(function () {
    $("#monster").slideUp("fast");
}, function() {
    $("#monster").slideDown("fast");
});

The second argument to .hover() is the mouseout-function.

elusive 2010-09-06 23:39:01

thanks for your time, but I tried that already, in that case there is no slide box at all :/

artmania 2010-09-06 23:47:15

The Problem is, that the box is hidden by default. It will appear if you hover it for the first time. The only change needed is to make it visible by default.

elusive 2010-09-06 23:56:27

Answer 2

+1 A:

I think you're better off with some CSS tweaks here, like this:

#monster { 
    background:#de9a44;
    width:80px; 
    height:60px; 
    display:none; 
    position:absolute;
    left: 0;
    bottom: 0;
}

#clickk {
    width:80px; 
    height:60px; 
    border:1px solid #cc0001; 
    background:transparent; 
    position:absolute; 
    top:0; 
    right:10px;
}

Then jQuery like this:

$("#clickk").hover(function () {
  $("#monster").slideToggle("fast");
});

You can test it out here.

Nick Craver 2010-09-06 23:47:10

yes man!! i knew it was sth about css!!! thanks!

artmania 2010-09-06 23:47:55

also, your js code is much more clean! thanks for great help!! appreciate. I learnt a new thing form you today. :)

artmania 2010-09-06 23:49:34

@artmania - Welcome :)

Nick Craver 2010-09-06 23:51:09

it works at Firefox, but not at chrome :? weird! I'm on MacOS

artmania 2010-09-07 00:07:22

works at Firefox and Opera, but not working at Safari, IE and Chrome :/

artmania 2010-09-07 00:22:49

error message from chrome http://img.skitch.com/20100907-pn94huqqmkhdf74hkiqwmqmndk.jpg

artmania 2010-09-07 00:30:30

@artmania - sounds like you copied a weird character in there, try deleting all the spacing and trying again

Nick Craver 2010-09-07 00:31:26

you are a real life-saver!!! I didn't know space would mess up with jquery code! I cleaned all spaces and it works just great now! thanks!

artmania 2010-09-07 00:38:40

@artmania - welcome :) just to be clear, whatever it was - it *wasn't* a space, it's some weird character that *looked* like a space in the editor. Sometimes when copying you'll get some crazy null/weird character in there causing issues, disguised as a space :)

Nick Craver 2010-09-07 00:42:59

ansaurus

tags:

views:

answers:

Jquery mouse over div slideUp and mouse out div slideDown.

related questions