Side navigation
#1622 closed bug (wontfix)
Opened September 15, 2007 05:19PM UTC
Closed September 27, 2007 06:23PM UTC
Slide Up/Down bug with flashing
| Reported by: | Gonad | Owned by: | |
|---|---|---|---|
| Priority: | major | Milestone: | 1.2.2 |
| Component: | effects | Version: | 1.2 |
| Keywords: | slideup slidedown bug | Cc: | |
| Blocked by: | Blocking: |
Description
The slide up and down works perfectly however when the slide has finished, it looks like the element I'm performing the slide operation on, is flashing.
That is, it doesn't look smooth.
Try the code below in a browser.
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> </title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
var toggle = false;
function doStuff() {
if(!toggle) {
$("#mybutton").val("Slide Down");
$("#window_status").slideUp();
}
else {
$("#mybutton").val("Slide Up");
$("#window_status").slideDown();
}
toggle = !toggle;
}
</script>
<style type="text/css">
#window_status {
display: block;
}
.success_message {
padding: 10px;
background-color: yellow;
border: 2px solid black;
color: black;
font-size: 14px;
height: 100px;
}
</style>
</head>
<body>
<form>
<input type="button" id="mybutton" onclick="doStuff()" value="Slide Up">
<br><br>
<div align="center"><span id="window_status" class="success_message"></span></div>
</form>
</body>
</html>
Attachments (0)
Change History (1)
Changed September 27, 2007 06:23PM UTC by comment:1
| component: | event → fx |
|---|---|
| milestone: | 1.2.1 → 1.2.2 |
| resolution: | → wontfix |
| status: | new → closed |
Animation changes the height which does not include padding, borders or margin. Instead of animating the span element, animate the parent div or wrap it in another div.