problem with fading div (again :)
Hi guys!
I'm very new in JQuery.
I've tried to combine sliding + fading... but I can't get it working properly and I'm stucked.
Check it on
http://www.drhorak.sk/
(these concerts) it works (almost) properly in Safari and Opera9 (i would prefer if the image stay dark even when I hover the tickets menu).
Not in Camino (fading over all blocks at the same time).
I haven't seen it in IE yet.
slided But code is pretty messed:
-
<script type="text/javascript">
$(document).ready(function(){
$(".catalog").hover(
function(e) {
if($.browser.msie)
$(this).next().stop();
$(this).next().animate({
top: "0"}, "slow" );
},
function(e) {
if(!$.browser.msie){
var r = e.relatedTarget;
while(r.parentNode){
if(r.className && r.className == 'caption')
return;
r = r.parentNode;
};
}else $(this).next().stop();
$(this).next().animate({
top: "-180px"}, "slow" );
}
);
$(".caption").hover(
function(e) {
if($.browser.msie)
$(this).stop();
$(this).animate({
top: "0"}, "slow" );
},
function(e) {
if(!$.browser.msie){
var r = e.relatedTarget;
while(r.parentNode){
if(r.className && r.className == 'catalog')
return;
r = r.parentNode;
};
}else $(this).stop();
$(this).animate({
top: "-180"}, "slow" );
}
);
});
</script>
<script type="text/javascript">
$(document).ready(function(){$(".concert-image img").fadeTo("slow",1.0);
$(".concert-image img").hover(function(){$(this).fadeTo("slow",0.5);},function(){$(this).fadeTo("slow",1.0);});});
</script>
I really appreciate any help!