Skip to main content

Bug Tracker

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:

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">
<title> </title>
<script language="javascript" src="jquery.js"></script>

<script language="javascript">
var toggle = false;
function doStuff() {
	if(!toggle) {
		$("#mybutton").val("Slide Down");
	else {
		$("#mybutton").val("Slide Up");
	toggle = !toggle;


<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;



<input type="button" id="mybutton" onclick="doStuff()" value="Slide Up">


<div align="center"><span id="window_status" class="success_message"></span></div>


Attachments (0)
Change History (1)

Changed September 27, 2007 06:23PM UTC by brandon comment:1

component: eventfx
resolution: → wontfix
status: newclosed

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.