Question

all

I want to show hide some ids using jQuery.
My html code is

<table>
<tr id="incomplete"></tr>
<tr id="complete"></tr>
<tr id="incomplete"></tr>
<tr id="incomplete"></tr>
<tr id="complete"></tr>
</table>

and jquery code is

<script type="text/javascript">
          jQuery(document).ready(function () {
                          jQuery("#button-entryc").click(function() {


                          jQuery("#incomplete").css("display","none");
                          jQuery("#complete").css("display","table-row");
                      });

                      jQuery("#button-entryi").click(function() {

                          jQuery("#incomplete").css("display","table-row");
                          jQuery("#complete").css("display","none");
                      });
              });
    </script>

But it works for only on id (first id which it finds) Why?

Answer 1

IDs must be unique, what you can do is use the class attribute and change your # to a .

e.g.

<tr class="incomplete"></tr>
$('.incomplete')