top



I tried to introduce in the toggle content a html table

Code:
 <script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".toggle-trig a").click(function () {
      jQuery(this).parent().next().slideToggle("normal");
    return false;
    });
});
</script>
 
 <div class="toggle-trig"><a href=""><img src="http://cdn4.iconfinder.com/data/icons/miniiconset/16/Music_Note.png"></a></div>
  <div class="html-table"> <table width="650" border="0">
<tr> 
<td width="120"><a href="FORUM LINK1">    <div align="center">
<strong><span>FORUM NAME1</span></strong>
<br> 
<img src="FORUM ICON1" border="0"></div>    </a>
</td>

<td width="120"><a href="FORUM LINK2">    <div align="center">
<strong><span>FORUM NAME2</span></strong>
<br> 
<img src="FORUM ICON2" border="0"></div>    </a>
</td>

<td width="120"><a href="FORUM LINK3">    <div align="center">
<strong><span>FORUM NAME3</span></strong>
<br> 
<img src="FORUM ICON3" border="0"></div>    </a>
</td>

<td width="120"><a href="FORUM LINK4">    <div align="center">
<strong><span>FORUM NAME4</span></strong>
<br> 
<img src="FORUM ICON4" border="0"></div>    </a>
</td> 
</tr>  </table></div>

<style type="text/css">
.toggle-trig{text-align:center;}
.htm-table{display: none;}
</style>

the html isn't hiding :( PS : i'm putting this code on a description of a forum Razz

this part: .htm-table{display: none;}
should be: .html-table{display: none;}

i tried , no effect ..

It works.. nothing wrong with it.

ya no works on me too ! Solved

[solved]