Show/Hide a div in IE6/7

Show/Hide a div in IE6/7

Hi,

i searched the forum, but did not find a working solution for my problem.

IE6/7 are not hiding the divs in the $(document).ready function. Tried also:
  2. $("#closed").css('display', 'none');
  3. document.getElementById('closed').style.display = 'none';
It is working when i add the ID "closed" to the <li>-Element instead of the <div>-Container.
All other browsers are working fine.

Thanks in advance!
Kai

Code:
  1. $.ajax({
  2. type: "POST",
  3. timeout: 7000,
  4. data: {username: username, password: password},
  5. url: "php/login.php",
  6. success: function(result) {
  7. //console.log("USERID: "); console.log(result); 
  8. if (result > 0) {
  9. $("#closed").show();
  10. $("#login").hide();
  11. $("#logoutBtn").show();
  12. } else {
  13. //$("#login").effect("shake", {times:2}, 100);
  14. }
  15. }

  17. });
  18. });

  20. $("#closed").hide();
  21. $("#logoutBtn").hide();
  22. $("#login").hide();

  24. $.post("php/loggedIn.php", {sId: "<?php echo session_id(); ?>"} ,function(logged_in) {
  25. if (logged_in > 0) {
  26. $("#closed").show();
  27. $("#login").hide();
  28. $("#logoutBtn").show();
  29. } else {
  30. //alert("not logged in");
  31. $("#login").show();
  32. }
  33. });

  35. $.ajax({
  36. type: "POST",
  37. timeout: 7000,
  38. url: "php/getNews.php",
  39. success: function(result) {
  40. //console.log("NEWS: ");
  41. var obj = jQuery.parseJSON(result);
  42. //console.log(obj[0]['timestamp']);
  43. for (var i=0; i < obj.length; i++) {
  44. var date = new Date(obj[0]['timestamp']*1000);
  45. $('#content-bgbtm').append('<div class="post"><p class="meta"><span class="date">'+date+'</span> erstellt von <a href="#">'+obj[i]['author']+'</a></p><h2 class="title"><a href="#">'+obj[i]['title']+'</a></h2><div class="entry"><p>'+obj[i]['text']+'</p></div></div>');
  46. }
  47. $('#news').append(obj[0]['text']);
  48. }
  49. });

  51.   });
  52.      </script>
  53. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  54. <title>BBO-Liga 2011</title>
  55. <meta name="keywords" content="" />
  56. <meta name="description" content="" />
  57. <link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
  58. </head>
  59. <body>
  60. <div id="header">
  61. <div id="menu">
  62. <ul>
  63. <li><a href="index.php" class="first">Start</a></li>
  64. <li><a href="../ersteliga">1. Liga</a></li>
  65. <li><a href="../zweiteligaA">2. Liga A</a></li>
  66. <li><a href="../zweiteligaB">2. Liga B</a></li>
  67. <li class="current_page_item"><a href="../zweiteligaC">2. Liga C</a></li>
  68. <div id="logoutBtn"><li><a href="php/logout.php">Logout</a></li></div>
  69. </ul>
  70. </div>
  71. <!-- end #menu -->
  72. <div id="login">
  73. <form method="get" action="">
  74. <fieldset>
  75. <input type="text" name="username" id="username" size="15" placeholder="Benutzer" />
  76. <input type="password" name="password" id="password" size="15" placeholder="Passwort"/>
  77. <input type="submit" value="Login"/>
  78. </fieldset>
  79. </form>
  80. </div>
  81. <!-- end #login -->
  82. </div>
  83. <!-- end #header -->
  84. <!-- end #header-wrapper -->
  85. <div id="logo">
  86. <h1><a href="#">BBO-Liga 2011 </a></h1>
  87. <p><em>eine Veranstaltung von BBO Germany und dem <a href="#"> DBV</a></em></p>
  88. </div>
  89. <hr />
  90. <!-- end #logo -->
  91. <div id="page">
  92. <div id="content">
  93. <div id="content-bgtop">
  94. <div id="content-bgbtm">
  95. </div>
  96. </div>
  97. </div>
  98. <!-- end #content -->
  99. <div id="sidebar">
  100. <ul>
  101. <li>
  102. <h2>Aktuell</h2>
  103. <p id="news"></p>
  104. </li>
  105. <li>
  106. <h2>Öffentlicher Bereich </h2>
  107. <ul>
  108. <li><a href="ranking.php">Tabelle</a></li>
  109. <li><a href="#">Kampfergebnisse</a></li>
  110. <li><a href="#">Anstehende Kämpfe</a></li>
  111. <li><a href="#">Teams</a></li>
  112. </ul>
  113. </li>
  114. <div id="closed">
  115. <li>
  116. <h2>Interner Bereich</h2>
  117. <ul>
  118. <li><a href="events.php">Terminübersicht</a></li>
  119. <li><a href="#">Kampfergebnisse</a></li>
  120. <li><a href="#">Teamdaten</a></li>
  121. <li><a href="#">Spielerdaten</a></li>
  122. <li><a href="#">Accounteinstellungen</a></li>
  123. </ul>
  124. </li>
  125. </div>
  126. </ul>
  127. </div>
  128. <!-- end #sidebar -->
  129. <div style="clear: both;">&nbsp;</div>
  130. <!-- end #page -->
  131. <div id="footer">
  132. </div>
  133. <!-- end #footer -->
  134. </div>
  135. </body>
  136. </html>