Ok, this is what I've done so far..
(
I need to fix:
1. Stop the animation when in/out
2. Proper queuing
3. Getting everything back to start-position (remove style?)
.. see the comments)
<script type="text/javascript">
$(document).ready(function(){
$('#K_meny li').hide();
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#K_meny').hover(function(){
$('#anm')
// .stop //Meant for stoping mouseOut-animation -how
do I do it?
.animate ({
left: "59px"
}, {queue:false, duration:1000})
.show({queue:true, duration:1000});
// Here I want to stop the queue:false . How?
$('#K_meny li')
// .stop
.css({
left: "59px",
top: "11px"})
.show({queue:true, duration:100 });
$('#anm').hide({queue:true});
// This part is not working yet
$('#K-meny .one').animate({
top: "-26px",
left: "48px"
} , { queue:false, duration:1000 }
)
$('#K-meny .two').animate({
top: "18px",
left: "63px"
} , 1000
)
$('#K-meny .three').animate({
top: "60px",
left: "48px"
} , 1000
)
} , function(){
// I miss a .stop here but I can't seem to make it right..
$('#K_meny li')
// .stop
.hide({ queue:false, duration:1000 })
.attr('style').remove // This part is not working
;
$('#anm')
// .stop
.hide(1000)
.attr('style').remove // This part is not working
;
}
);
});
All help is appreciated! Thanks!
