Skip to main content

Bug Tracker

Side navigation

#934 closed bug (worksforme)

Opened February 08, 2007 10:19PM UTC

Closed February 11, 2007 05:48PM UTC

Last modified June 20, 2007 02:25AM UTC

buggy slideUp, slideDown when modifying html.

Reported by: anonymous Owned by:
Priority: minor Milestone:
Component: effects Version:
Keywords: Cc:
Blocked by: Blocking:

I tried to create a box that closes itself, then changes its text, then opens itself, but I keep bugs on Firefox 2.

Here's the code :

<script type="text/javascript">
function showMessage(message) {
  // if the message box is visible, hide it, then change its text.
  $('#message:visible').slideUp('slow', function() { $(this).html(message); });
  // if the message box is hidden, just change its text.
  // show the message box.
<div id="message"></div><!-- intentionnaly let empty -->
<!-- Long text needed to ensure it's multiline to really see the scintillating -->
<button onclick="showMessage('Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.');">Set text 1</button>
<button onclick="showMessage('Text');">Set text 2</button>

If the message is initially empty, then the box shows a bit (height of some pixels) before opening completely, without the slide effect.

If I try to show more lines than there were, a scintillating effect occurs.

If I try to show less lines than there were, the box slides down with the previous size, instead of the new size.

Attachments (0)
Change History (1)

Changed February 11, 2007 05:48PM UTC by john comment:1

resolution: → worksforme
status: newclosed

It seems like the best solution would be something like this:


It seems like something that would be much simpler, and work more correctly.