Bug Tracker

Ticket #5130: jquery-show.html

File jquery-show.html, 945 bytes (added by DanTheMan, 11 years ago)

Testcase: hide() , after(), show() makes inline element to block-level element.

Line 
1<html>
2<head>
3<script type="text/javascript" src="jquery-1.3.2.js"></script>
4<script type="text/javascript">
5function hide_it() {
6  $("input[type='text']").hide()
7}
8function show_it() {
9  $("input[type='text']").show()
10
11}
12
13$(document).ready(function() {
14
15  var input1 = document.createElement("input");
16  input1.type = "text";
17  input1.name = "name1";
18  input1.value = "value1";
19  $("#id1").after( "test1" );
20  $("#id1").after( input1 );
21  $(input1).hide();
22  $(input1).show();
23
24  var input2 = document.createElement("input");
25  input2.type = "text";
26  input2.name = "name2";
27  input2.value = "value2";
28  $("#id2").after( "test2" );
29  $(input2).hide();
30  $("#id2").after( input2 );
31  $(input2).show();
32
33});
34
35</script>
36</head>
37<body>
38<h1>Hide/Show Demonstration</h1>
39<h2>add element</h2>
40<p id="id1"></p>
41<h2>hide, add, show element</h2>
42<p id="id2"></p>
43<p>
44<b>Bug:</b>
45This input element has <b><tt>display:block;</tt></b> set.
46</body>
47</html>