ukrywanie wielu td Opcje

[Dex1987]

Witam,

mam taki kodzik

[HTML] pobierz, plaintext 
<script>
 
function ShowHide (open, close) {
 
                   if (open != '') {
 
                       expMenu (open);
                   }
 
                   if (close != '') {
 
                       expMenu (close);
                   }
}
 
function expMenu (id) {
 
                  var item = null;
 
                  if (document.getElementById) {
 
                      item = document.getElementById(id);
 
                  } else if (document.all) {
 
                             item = document.all[id];
 
                  } else if (document.layers){
 
                             item = document.layers[id];
                  }
 
                  if (!item) {
 
                      // do nothing
 
                  } else if (item.style) {
 
                             if (item.style.display == "none") {
 
                                 item.style.display = "";
 
                             } else {
 
                                 item.style.display = "none";
                             }
 
                  } else {
 
                             item.visibility = "show";
                  }
}
 
</script>
 
      <table border="0" align="center" cellpadding="0" cellspacing="0" width="90%" height="1">
        <tr>
          <td height="25" width="249" valign="top">
            <font face="Verdana" size="2" color="#094AAC">
              <a href="javascript:ShowHide('qr_opena1175','qr_closeda1175');">+ Menu główne</a>
            </font>
          </td>
        </tr>
        <tr id="qr_opena1175" style="display:none;position:relative;">
              <td height="25" style="border-bottom: 1px solid #E8E8E8;" onmouseover="style.backgroundColor='#F9F9F9';" onmouseout="style.backgroundColor='#FFFFFF';" width="249">
                <font color="#4A4A4A" face="Verdana" size="2">
                  <a href="home.html">&nbsp;&nbsp;&nbsp;Strona główna</a>
                </font>
              </td>
            </tr>      
        <tr id="qr_opena1175" style="display:none;position:relative;">
              <td height="25" style="border-bottom: 1px solid #E8E8E8;" onmouseover="style.backgroundColor='#F9F9F9';" onmouseout="style.backgroundColor='#FFFFFF';" width="249">
                <font color="#4A4A4A" face="Verdana" size="2">
                  <a href="home.html">&nbsp;&nbsp;&nbsp;Strona główna</a>
                </font>
              </td>
            </tr>
        </table>
[HTML] pobierz, plaintext 

i teraz chce zrobic tak zeby po kliknieciu na "menu glowne" pokazywaly sie wszystkie komorki a nie tylko pierwsza. Zastanawiam sie jeszcze czy nie mozna tego kodu uproscic?

Z gory dzieki za odpowiedz, pozdrawiam dex.

[revyag]

Nie możesz nadawać wierszom tego samego id. Jeśli już chcesz z tego korzystać to dla każdego zrób unikalne.
Poza tym da się to prościej zrobić (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Kod

<style type="text/css">
table tr.none {
    display:none;
}
table tr.visible {
    display:table-row;
}
</style>

Kod

<script type="text/javascript">
function ShowHide() {
    var trs = document.getElementsByTagName("tr");

    for (i in trs) {
        if(trs[i].className == 'none') {
            trs[i].className = 'visible'
        } else {
            if(trs[i].className == 'visible') {
                trs[i].className = 'none'
            }
        }
    }
}
</script>

[HTML] pobierz, plaintext 
<table border="0" align="center" cellpadding="0" cellspacing="0" width="90%" height="1">
       <tr>
         <td height="25" width="249" valign="top">
           <font face="Verdana" size="2" color="#094AAC">
             <a href="javascript:ShowHide();">+ Menu główne</a>
           </font>
         </td>
       </tr>
       <tr class="none">
             <td height="25" style="border-bottom: 1px solid #E8E8E8;" onmouseover="style.backgroundColor='#F9F9F9';" onmouseout="style.backgroundColor='#FFFFFF';" width="249">
               <font color="#4A4A4A" face="Verdana" size="2">
                 <a href="home.html">&nbsp;&nbsp;&nbsp;Strona główna</a>
               </font>
             </td>
           </tr>      
       <tr class="none" >
             <td height="25" style="border-bottom: 1px solid #E8E8E8;" onmouseover="style.backgroundColor='#F9F9F9';" onmouseout="style.backgroundColor='#FFFFFF';" width="249">
               <font color="#4A4A4A" face="Verdana" size="2">
                 <a href="home.html">&nbsp;&nbsp;&nbsp;Strona główna</a>
               </font>
             </td>
           </tr>
       </table>
[HTML] pobierz, plaintext