Я работал над сценарием, чтобы открывать и закрывать ящики, чтобы показать больше скрытого содержимого.Вы можете увидеть рабочий скрипт в действии здесь: http://igs.link -networkonline.com / campaign-Landing-Page /
Это меня беспокоит ... хотя несколько раз, когда«ящик» отскакивал (открывался и закрывался) несколько неконтролируемо, и мне пришлось бы нажать, чтобы остановить его.Кажется, это происходит случайно ...
Кто-нибудь еще испытывал подобные вещи с .hover()?Я видел некоторые сообщения о том, что не используется .mouseover, но ничего не относится к .hover()
Вот мой код:
$(document).ready(function () {
$(".first").hover(function() {
$(".first").animate({'height': '257px', 'top': "-183px"});
$("img.button1").animate({'top': "-205px"});
$('img.button1').attr('src','<?php bloginfo('template_directory'); ?>/images/downarrow.png');
$("body").animate({'padding-bottom': '-300px'});
}, function() {
$(".first").animate({'height': '75px', 'top': "-1px", 'overflow': "hidden"});
$("img.button1").animate({'top': "-25px"});
$('img.button1').attr('src','<?php bloginfo('template_directory'); ?>/images/bluebutton.png');
});
$(".second").hover(function() {
$(".second").animate({'height': '255px', 'top': "-181px"});
$("img.button2").animate({'top': "-205px"});
$('img.button2').attr('src','<?php bloginfo('template_directory'); ?>/images/downarrow.png');
}, function() {
$(".second").animate({'height': '75px', 'top': "-1px"});
$("img.button2").animate({'top': "-25px"});
$('img.button2').attr('src','<?php bloginfo('template_directory'); ?>/images/bluebutton.png');
});
$(".third").hover(function() {
$(".third").animate({'height': '230px', 'top': "-156px"});
$("img.button3").animate({'top': "-180px"});
$('img.button3').attr('src','<?php bloginfo('template_directory'); ?>/images/downarrow.png');
}, function() {
$(".third").animate({'height': '75px', 'top': "-1px"});
$("img.button3").animate({'top': "-25px"});
$('img.button3').attr('src','<?php bloginfo('template_directory'); ?>/images/bluebutton.png');
});
});