Using show() after clone() does not give an effect in IE8 and Chrome, Firefox is fine
Hi,
I have a element, which has a css class with display: none (it's
important, because when the display:none is specified inline, the
issue is not reproduceble). I want to clone it, and then show the
clone. When I show it with effects, everything is ok. But when it's
called just show() IE and Chrome do not show the element, in Firefox
everything is fine
I've tested on:
IE8.0.7600, Firefox 3.5.3 and Chrome 3.0.195.21
Here is an example to reproduce this behaviour:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
.hidden {
display:none;
}
</style>
<script>
$(document).ready(function(){
$('body').append($("#clonable").clone().show());
});
</script>
</head>
<body>
<p class="hidden" id="clonable">Hello 1
</body>
</html>
I will be happy if you solve this problem
Br,
Vadim