In this code I want to disappear container div slowly but fade out is
not working
html>
<head>
<title>jdk</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#close").click(function () {
$(".container").fadeOut("normal");
});
});
</script>
<title>Untitled Document</title>
</head>
<body >
<div class="fakewindowcontain">
<p>This is learning by jitubaba10. Working from long
time to
understand the widge concept...is, posuere eu, pede. Nulla nec tortor.
Donec id elit quis purus consectetur consequat. Nam congue semper
tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices
ut, nisi. </p>
<div class="container">
<div class="ui-overlay">
<div class="ui-widget-overlay"></div>
<div class="ui-widget-shadow
ui-corner-all" style="width: 350px;
height: 240px; position: absolute; left: 33%; top: 28%;"></div>
</div>
<div style="position: absolute; width: 350px;
height: 240px;left:
33%; top: 28%; padding: 10px;" class="ui-widget ui-widget-content ui-
corner-all">
<div class="ui-dialog-content
ui-widget-content"
style="background: none; border: 0;">
<DIV ><A style="PADDING-RIGHT:
10px; BACKGROUND-POSITION: right
center; DISPLAY: block; PADDING-LEFT: 10px; FLOAT: right; BACKGROUND-
REPEAT: no-repeat" href="#" id="close" >close me</A></DIV>
<DIV style="FONT-WEIGHT: bold;
FONT-SIZE: 16px; PADDING-BOTTOM:
5px; COLOR: #559e51; BORDER-BOTTOM: #e5e5e5 1px solid">You can add
your problem here.</DIV>
</div>
</div>
</div>
</body>
</html>
