Hello all,
I am using the slideUp animation to hide a div. Above the div, are 25
other divs that may or may not be visible. The speed of the slideUp
animation depends on how many of those divs are visible. if 25 divs
are visible, the animation takes 1200ms. If 20 divs are visible, the
animation takes 700ms. If 15 divs are visible, it takes 600ms. If 10
divs are visible, it takes 470-500 ms. if 5 divs are visible it takes
~350ms (as an fyi the slideDown takes 350ms regardless of divs
visible).
About half the time is spend in css() and half in hidden(). I don't
see why it should take upto 600ms to compare two values in hidden().
If I take out slideUp and place in hide() it takes longer!
If I take out slideUp and place in
document.getElementById("endorsementFeeAdjust").style.display =
'none';
The css() time goes to 0, but hidden is still taking the same amount
of time.
If I take out the fadeOut and fadeIn, then the hidden drops to 0 as
well. Why does hidden take so long?
$("#addEndorseFeeBtn").click(function() {
if($("#endorsementFeeAdjust").is(":hidden")){
$("#endorsementFeeAdjust").slideDown("slow",function ()
{
$("#addEndorseFeeBtn").fadeOut("fast").text("Remove Endorsement
Fee Adjustment").fadeIn("fast");
});
}
else {
$("#endorsementFeeAdjust").slideUp('slow', function () {
$("#addEndorseFeeBtn").fadeOut('slow').text("Add Endorsement Fee
Adjustment").fadeIn("fast");
//$("#endorsementFeeAdjustmentDescription").val("");
//$("#endorsementFeeAdjustmentAmount").val("");
document.getElementById
("endorsementFeeAdjustmentDescription").value = '';
document.getElementById("endorsementFeeAdjustmentAmount").value
= '';
});
}
});
Thank you,
Eric
