Response title
This is preview!
Reset Sliding <div> Function? And IE issue...
in Using jQuery
•
11 years ago
Hello, totally ignorant newbie to jquery, thank you in advance for your patience:
I have a sliding <div> animation that I cannot seem to get to reset itself. Additionally, IE 7.0 doesn't seem to interpret the amount of pixels that the <div> should animate the same as FFox and Safari and Chrome - is that a CSS issue or jquery? Thanks...
Here's the site (click on text to animate):
My Site With Sliding
I have a sliding <div> animation that I cannot seem to get to reset itself. Additionally, IE 7.0 doesn't seem to interpret the amount of pixels that the <div> should animate the same as FFox and Safari and Chrome - is that a CSS issue or jquery? Thanks...
Here's the site (click on text to animate):
My Site With Sliding
Text Boxes
Here's the code:
$(document).ready(function(){
var hover_in_easing="easeOutExpo";
var hover_out_easing="easeOutExpo";
$(".info_container").show();
$("div.portfolio_div").click(function(){
$(this).find(".info_container").animate({top:"45px"},{duration: 1200, easing: hover_in_easing});
});
});
$(document).ready(function(){
var hover_in_easing="easeOutExpo";
var hover_out_easing="easeOutExpo";
$("div.portfolio_div").show();
$(".info_container").click(function(){
$(this).find(".info").animate({top:"392px"},{duration: 7200, easing: hover_out_easing});
});
});
Here's the code:
$(document).ready(function(){
var hover_in_easing="easeOutExpo";
var hover_out_easing="easeOutExpo";
$(".info_container").show();
$("div.portfolio_div").click(function(){
$(this).find(".info_container").animate({top:"45px"},{duration: 1200, easing: hover_in_easing});
});
});
$(document).ready(function(){
var hover_in_easing="easeOutExpo";
var hover_out_easing="easeOutExpo";
$("div.portfolio_div").show();
$(".info_container").click(function(){
$(this).find(".info").animate({top:"392px"},{duration: 7200, easing: hover_out_easing});
});
});
1