Hide table with javascript

[billbebo]

Hi
i am interested to create javascript for that i want to hide table with javascript. but now thing is i am not expert in java so that its not easy to create it so i need your help for that so please help
thank you

[opaper]

It is possible with javascript to hide table rows and show it again later if you want.First of all lets create a basic and simple html 3x3 table where the first row contains the column captions. With the following html code:

Code:

<table width="300" border="1">
<tr><th>TH-1</th><th>TH-2</th><th>TH-3</th></tr>
<tr><td>cell-11</td><td>cell-12</td><td>cell-13</td></tr>
<tr><td>cell-21</td><td>cell-22</td><td>cell-23</td></tr>
</table>

javascriptf1.com

[Reegan]

Here is the jQuery code:

$ (document). ready (function () (

$ (\. "delete \"). click (function () (

if (window.confirm (\ "Are you sure you want to delete this PA? \")) (

var area;

/ / var id = $ (this). attr (\ "id \");

area = \ "tr # \" + $ (this). attr (\ "id \");



$. ajax ((

Type: \ "POST \",

url: \ "index.php? = tg. $ GLOBALS [ 'babAddonTarget']."/ pa \"

data: \ "action = delete & id = \" + $ (this). attr (\ "id \")

success: function (msg) (

$. browser.msie? $ (box). remove ();:

$ (box). fadeOut (\ "slow \");



)

));

)

})});



</ script>

Here is the html code for table

<tbody> <tr id="85">



<td style="text-align: center;" class="actionSide alt">

<a href="#" class="wiki_link_ext" id="85" title="remove this PA">

<img src="images/report_delete.png" alt="icone"> </ a>

</ td>

<td style="text-align: center;" class="actionSide85 alt"> 85 </ td>

<td style="text-align: center;" class="actionSide85 alt"> Internal Audit </ td>

<td style="text-align: center;" class="actionSide85 alt">

<a href="#" class="tooltip"> not well !...< em> <span> </ span> not good </ em> </ a>

</ td>

</ tr>

</ tbody>

<tbody> <tr id="86">

<td style="text-align: center;" class="actionSide">





<a href="#" class="wiki_link_ext" id="86" title="remove this PA">

<img src="ovidentia/styles/addons/images/report_delete.png" alt="icone"> </ a>

</ td>



<td style="text-align: center;" class="actionSide86"> 86 </ td>

<td style="text-align: center;" class="actionSide86"> Internal Audit </ td>

<td style="text-align: center;" class="actionSide86">

<a href="#" class="tooltip"> not well !...< em> <span> </ span> not good </ em> </ a>

</ td>

</ tr> </ tbody>