Bug Tracker

Ticket #3331: testcase.html

File testcase.html, 1.1 KB (added by jeff_themovie, 10 years ago)

test case - notice what happens when the red box is hidden in IE

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3<head>
4        <meta http-equiv="content-type" content="text/html; charset=utf-8">
5        <title>curCSS test case</title>
6        <script type="text/javascript" src="jquery-1.3.2.js"></script>
7        <script type="text/javascript">
8                $(function () {
9                        var box = $('#box');
10
11                        $('#toggle').click(function () {
12                                // keep things simple
13                                if (box.is(':animated')) {
14                                        return;
15                                }
16
17                                if (box.is(':hidden')) {
18                                        box.animate({ marginTop: '-8em', height: 'show' }, 'slow');
19                                } else {
20                                        box.animate({ marginTop: '0', height: 'hide' }, 'slow');
21                                }
22                        });
23                });
24        </script>
25        <style type="text/css">
26        #wrapper {
27                background-color: green;
28                height: 1em;
29                margin-top: 10em;
30                position: relative;
31                width: 5em;
32        }
33        #box {
34                background-color: red;
35                display: none;
36                height: 8em;
37                left: 0;
38                position: absolute;
39                top: 0;
40                width: 5em;
41        }
42        #toggle {
43                margin-top: 1em;
44        }
45        </style>
46</head>
47<body>
48<div id="wrapper"><div id="box">content</div></div>
49<input type="button" id="toggle" value="toggle" />
50</body>
51</html>