Basic jQuery selection question - open a hidden row
Hi @all,
I like to open a hidden row from my HTML table but only the first/next/sub hidden row.
At the moment the solution will open the hidden row but in
sequence (you can click on any link)
my HTML Table:
- <table>
- <tr>
- <td>
- <a href="#" class="AssignTask" ><strong>ToDo</strong></a>
- </td>
- <td># 1</td>
- </tr>
- <tr>
- <td class="popupForm" colspan="2">#1 Hello World</td>
- </tr>
- <tr>
- <td>
- <a href="#" class="AssignTask" ><strong>ToDo</strong></a>
- </td>
- <td># 2</td>
- </tr>
- <tr>
- <td class="popupForm" colspan="2">#2 Hello World</td>
- </tr>
- <tr>
- <td>
- <a href="#" class="AssignTask" ><strong>ToDo</strong></a>
- </td>
- <td># 3</td>
- </tr>
- <tr>
- <td class="popupForm" colspan="2">#3 Hello World</td>
- </tr>
- </table>
my jQuery:
- <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
- <script type="text/javascript">
- $(document).ready(function () {
- $(".AssignTask").click(function () {
- //$(this).parent().parent().next("td .popupForm:hidden").fadeIn("slow");
- //$(".popupForm:hidden").fadeIn("slow");
- //$(".popupForm:hidden:first",this).fadeIn("slow");
- $(".popupForm:hidden:first").fadeIn("slow");
- }); //end of AssignTask click event
- });
- </script>
I tried it with the parent()/next() but without luck.
thanks for any help and tipp
glenn