Question

I have repeatable elements

     <input style="display:inline" class="chkClass" type="checkbox" value="1"/>
     <div class="other">
 //something
     </div>

     <input style="display:inline" class="chkClass" type="checkbox" value="1"/>
     <div class="other">
 //something
     </div>
     ....

With change of the checkbox I want to show only next “other” class. It doesn`t work:

     $('.other').hide(); //hide all "other" elements

         $('.chkClass').live('change', function(){
            if($(this).is(':checked')){
                $(this).next('.other').show();
        }
       });

Answer 1

I get it, but I needed to set ID for every element:

    $('.allOther').hide();


    $('.chkClass').on('change', function(){
            if($(this).is(':checked')){
                var array = $(this).attr('id').split('_');
                $('#other'+array[1]).show("slow");

            }
        });

        <input style="display:inline" class="chkClass" id="smthng_<?php echo $counter ?>" type="checkbox" value="1"/>
    <div id ="other<?php echo $counter ?>" class="allOther">