Response title
This is preview!
SlideDown goes to far then jumps back
in Using jQuery
•
11 years ago
Create a HTML file with the following:
If you check my test page in Firefox, you should notice that the list expand too far, then jumps back. I read in the bug tracker that there's a problem with the height attribute, but my example shows that jQuery can't even get it right with fairly basic HTML code.
Is there any possibility to get rid of that jumpy thing, without defining a height for the paragraph or link tags?
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<p id="test">
Title<br />
<a href="#">Text 1</a><br />
<a href="#">Text 2</a><br />
<a href="#">Text 3</a><br />
<a href="#">Text 4</a>
</p>
<script type="text/javascript">
$(document).ready (function() {
$('#test').hide();
$('#test a').hide();
$('#test').fadeIn('slow',function() {
$('#test a').slideDown('slow');
});
});
</script>
<body>
</body>
</html>
If you check my test page in Firefox, you should notice that the list expand too far, then jumps back. I read in the bug tracker that there's a problem with the height attribute, but my example shows that jQuery can't even get it right with fairly basic HTML code.
Is there any possibility to get rid of that jumpy thing, without defining a height for the paragraph or link tags?
3
