<input class="questionBtn" type="button" value="2">
<!DOCTYPE html> <html> <head> <script src='http://code.jquery.com/jquery-latest.js'></script> <!-- <link rel='stylesheet type=text/css href=tmp.css' /> --> <style type='text/css'> .mainContent { display: none; } </style> <script type='text/javascript'> $(function (){ $('.questionBtn').each(function (){ $(this).click(function () { var id='#ta_'+this.value; $(id).show(); }); }); $('#collapse').click(function (){ $('.mainContent:visible').hide(); }); }); </script> </head> <body> <form action="" method="post"> <table> <tr> <td class="capLeft"> <input type="text" name="url" value=""> <input type="Submit" value="Открыть" name="open" id="open"> </td> <td class="capRight"> <input type="button" value="Свернуть" name="collapse" id="collapse"> <input type="submit" value="Закрыть" name="close" id="close"> </td> </tr> <tr> <td class="content" colspan="2"> <textarea name="content" class="mainContent" id="ta_2">2</textarea> <textarea name="content" class="mainContent" id="ta_e23">e233</textarea> <textarea name="content" class="mainContent" id="ta_fgd">fgdsfgdsg</textarea> </td> </tr> <tr> <td class="tab" colspan="2"> <input class="questionBtn" type="button" value="2"> <input class="questionBtn" type="button" value="e23"> <input class="questionBtn" type="button" value="fgd"> </td> </tr> </table> </form> </body> </html> </html>
$('#collapse').click(function (){ $('.mainContent:visible').hide(); });
