What is causing this simple animation script to animate improperly?

I cannot seem to figure out what is making this script go wrong...

You can find a properly animated version of the script here... http://jsfiddle.net/tTJaM/21/

You may find the live project version here... http://jsfiddle.net/tTJaM/22/

The live project is located at http://paysonfirstassembly.com/

As you can see, the animation does not have the same visual effect in the second link. The visual effect I wish to achieve is the one in the first link. I am willing to edit the script to do this, or make changes to the CSS that I did not make initially.

-------------Problems Reply------------

min-height:120px; in .dynPanelContent in your css doesn't let it work properly. But I don't really understand why... If you remove it, everything works at least here http://jsfiddle.net/tTJaM/22/

It looks like the min-height:120px; attribute of .dynPanelContent is what's causing it. If you remove that style, it does the rotation properly, but the boxes are no longer properly sized.

The slideUp function is an animation that modifies height, but not min-height. This is a known issue in jQuery and there's a wiki entry on Getting Around The Minimum Height Glitch

Category:javascript Views:0 Time:2011-05-11

Related post

  • Making the animation script more efficient 2011-02-26

    I've written a small animation script, a couple of snowflakes falling down. It all works great, but I'm wondering weather I can make it a bit more efficient, simply because I don't consider myself that much of a good programmer and I'm sure I made so

  • A simple jQuery script not working in IE - thought jQuery was cross platform ! 2011-05-04

    Could anyone explain why the following script does not work in IE 8. It is a very simple animation and works very nicely in FF. I include CSS js and HTML as it appears on the test file. <style> .linkholder{ display:block; float:left; position:r

  • Need a Javascript library that supports loading animation scripts 2011-08-01

    Looking for a Javascript library that supports loading of a basic an animation file/script(could be in a XML format), so animation scripts can be downloaded on the fly and played to the user. The application I'm building allows users to download an a

  • simple php script using 1MB+ memory 2009-02-07

    I have a really simple PHP script here,which simply loads several libraries (6 or 7 small classes) and initialize some variables then generate a very small amount of html code. But seeing from the memory_get_usage() function, I see 1.21MB memory usag

  • Why does this simple php script leak memory? 2009-07-17

    In hopes of trying to avoid future memory leaks in php programs (drupal modules, etc.) I've been messing around with simple php scripts that leak memory. Could a php expert help me find what about this script causes the memory usage to continually cl

  • Simple Animation with NSTimer and opacity for the iPhone 2009-07-27

    I just want to realize a simple animation, where a picture is faded in a few seconds after the beginning of the application and then it should be faded out and totally disappear. I've never done any animations on the iPhone so I'm stuck. When using s

  • I need help understanding a simple JavaScript script 2009-09-25

    if(document.frmMain.POL_NO.value == "") { alert("Select Policy Number"); document.frmMain.ENDT_NO.value=""; document.frmMain.POL_NO.focus(); return false; } Can anyone explain the above code to me? I am new to Javascript. --------------Solutions-----

  • Are there any really simple/limited scripting languages for the JVM/BSF? 2009-12-15

    I'm looking for a really simple / limited scripting language for the JVM or the Bean Scripting Framework but can't find any. I need the following operators: + - * / maybe ** (power) maybe sqrt ... and the ability to define Double type variables to cr

  • How to create simple animations in 3gp format? 2010-04-14

    I am trying to create a simple animation which includes face of a famous character. For example Santa Clause. The face and the lips of the character will act according to the given input message. For example if a string is inputed then the lips of th

  • how to create a simple animation in pure actionscript (flex sdk only) 2010-06-27

    I really don't want something sophisticated, in fact I want the simplest animation for learning purpose: I just want to move a shape on a straight line. Is it possible to do so in pure actionscript (with flex sdk only) by creating a timeline programm

  • Android ==> Simple Animation? 2010-07-09

    How can i display a simple animation? Let's say there is a button on the screen with margin left of 200, and margin top of 200. I need to set the margin left, and top of this button to 0 and show a simple animation. So basically a simple animation on

  • How do I create simple animations using a WriteableBitmap? 2010-08-13

    Greetings, everyone. I'm trying to learn some Silverlight basics, and have decided to write a simple Mandelbrot-set drawing application for that reason. In Silverlight, of course. ;) The application is mostly done. I'm using a WriteableBitmap to work

  • Simple GUI scripting question 2010-08-13

    I am trying this simple GUI script to open a new window of Safari: tell application "Safari" activate end tell tell application "System Events" tell process "Safari" try tell menu bar 1 tell menu bar item 3 click menu item 1 end tell end tell on erro

  • Looking for an extremely simple AJAX script 2011-05-10

    I need a very basic, simple and lightweight AJAX script. Does anyone have a shell of such a script they can share? Here's what I have: I have a PHP script on the server that echo's the current date and time on the server I just need the javascript th

  • jQuery animation script runs only first animation function in IE 2011-06-08

    So I have this Javascript code block (see below), and it works in Firefox, Chrome, and Safari. In IE, it runs the first animation function $(".slide1_background").animate({ yada yada yada and then nothing. I tried putting an alert after it and that w

  • iOS: simple animation 2011-06-17

    I want to create a simple animation changing alpha value: [UIView beginAnimations:nil context:NULL]; [UIView setAnimationDuration:2]; [view1 setAlpha:0.00]; [UIView commitAnimations]; Ok in this way I change the alpha value for two seconds and it wor

  • How to correctly use a simple linker script 2011-08-24

    I'm trying to understand deeper linking process and linker scripts...looking at binutils doc i found a simple linker script implementation that i've improved by adding some commands: OUTPUT_FORMAT("elf32-i386", "elf32-i386", "elf32-i386") OUTPUT_ARCH

  • Android-ndk - simple build script for ndk-build for cygwin 2011-10-04

    I'm trying to make a simple build script that would work on windows and unix systems. The script is to be run from cygwin if windows, otherwise just a standard shell. The script will do the following: set the directory variable SDK_ROOT to '/cygdrive

  • Simple animation in c++ 2011-10-15

    Okay so i was trying out some very basic animation stuff(if you could even call it animation) in windows. I messed with the parameters of TextOut(the coordinates for the text)be no animation. Like basically, it would print "hello" in a couple of diff

Copyright (C) dskims.com, All Rights Reserved.

processed in 0.123 (s). 11 q(s)