Now it works fine!
Thanks a lot to all for your help!
$(function(){
var state = 0;
$('#navigation').mouseover(
function() { if(state == 0) {$(this).animate({left: '0'},
'slow'); state = 1;}}
);
$('#navigation').mouseout(
function() {if(state == 1)
ok, i tried this and this works fairly. but another question is:
can i change the state AFTER the animate() is finished?
(there are still some problem when i touch certain points while
sliding)
$(function(){
var state = 0;
$('#navigation').mouseover(
function() {
Looking at the API the animate does have a callback function that you
can use to do the stuff after the animation completes, for example
$('#navigation').mouseout(
function() {
if(state == 1) {
$(this).animate({left: '-210'},'slow',
'easein',function(){
Toggle works fine. But the problem now is that I always have to click
and I wanted the menu ot appear and disappear onmouseover/mouseout.
maybe the hover is generated more than once while it is sliding.
I would try to add a callback on animation end, setting tha state of
the menu: open or closed.
then on mouse over animate only if open, on mouse out close only if closed
On Fri, Aug 28, 2009 at 12:01 PM,
hi, what I have getting is that hover function is call multiple time till
the mouse pointer is inside the div area. May be you try onmouseover and
onmouseout. As suggested by paolo.
On Fri, Aug 28, 2009 at 4:36 PM, Paolo Chiodi chiod...@gmail.com wrote:
maybe the hover is generated more than
Try this
$(function(){
$('#navigation').hover(
function() { $(this).stop().animate({left: '-210'}, 'slow');},
function() { $(this).stop().animate({left: '0'}, 'slow');}
);
});
I think that's work
On Fri, Aug 28, 2009 at 5:50 PM, rupak mandal rupakn...@gmail.com
in CSS, try adding position: relative; to the #navigation properties
On Aug 27, 7:12 pm, Mario sevenartwo...@googlemail.com wrote:
Hello everybody,
I want to create a menu on the left side of the screen. OnMouseOver
the menu should slid in from the left, OnMouseOut the menu should
slide
can you post an example page? it's hard to visualize what's going
wrong without seeing it in action.
thanks
On Aug 27, 8:07 pm, Mario sevenartwo...@googlemail.com wrote:
This works a little bit better, however, it slides still one more than
I want and I cannot access the Menu because it
This works a little bit better, however, it slides still one more than
I want and I cannot access the Menu because it starts to move left
immediately.
Yes, here it is:
http://www.ulmercampus.de/try
This has position:absolute, but position:relative works similar as
mentioned.
Have you tried replacing hover with toggle? The hover seems to just go
nuts for that usage.
On Aug 27, 1:38 pm, Mario sevenartwo...@googlemail.com wrote:
Yes, here it is:http://www.ulmercampus.de/try
This has position:absolute, but position:relative works similar as
mentioned.
12 matches
Mail list logo
