Несколько событий JQuery; хотел бы использовать $ (this)

Question

У меня есть два идентичных события в одном документе, но работает только один, другой неактивен. Этот код показывает тот же идентификатор, который был глупым недосмотром, я использовал разные идентификаторы, но безрезультатно.

Как я могу использовать $ (this) для воздействия на оба события?

Вот мой код.

<fieldset class="clear"> 
    <div class="auth_98"> 
     <legend>Is this a conference?</legend> 
     <input class="authradio" type="radio" name="conf" id="confyes" value="yes"> 
     <label>Yes</label> 
     <input class="authradio" type="radio" name="conf" value="no" checked="checked"> 
     <label>No</label> 
     <!-- begin Conference Toggle --> 
     <script> 
      $(document).ready(function() { 
       $('.hideme').hide() 
       $('.authradio').change(function() { 
        var $stat = $('#confyes')[0].checked; 
        if ($stat == true) $('.hideme').slideDown(); 
        else $('.hideme').slideUp(); 
       }); 
      }); 
     </script> 
     <!-- end Conference Toggle --> 
     <!-- hidden conference section --> 
     <div class="hideme"> 
      <div class="auth_50"> 
       <legend>Conference Role</legend> 
       <input class="authradio" type="radio" name="conference" value="Atendee" checked="checked"> 
       <label>Attendee</label> 
       <input class="authradio" type="radio" name="conference" value="Presenter"> 
       <label>Presenter</label> 
       <input class="authradio" type="radio" name="conference" value="invitedspeaker"> 
       <label>Invited Speaker</label> 
      </div> 
      <div class="auth_50"> 
       <label> 
        <legend>Conference Website</legend> 
       </label> 
       <input class="authurl" type="url" placeholder="www.amazingsciencestuff.com"> 
      </div> 
     </div> 
    </div> 
</fieldset> 

Answer 1

У вас не должно быть двух элементов с одинаковым идентификатором, поэтому, если вы пытаетесь применить этот код к двум экземплярам одного и того же html, селектор $('#confyes') найдет только первый экземпляр этого идентификатора.

Вы можете использовать селектор классов на .authradio, а затем перейдите к dom, чтобы найти соответствующий .hideme div, чтобы показать. Я предполагаю, что вы хотите что-то вроде этого

$('.authradio').change(function() { 
    if ($(this).val() == 'yes') 
     $(this).parent().find('.hideme').slideDown(); 
    else 
     $(this).parent().find('.hideme').slideUp(); 
}); 

FIDDLE

Answer 2

Проблема в том, что код имеет вход с идентификатором (confyes). Если есть более одного экземпляра этого кода, то есть более одного экземпляра этого идентификатора, что недопустимо. Каждому экземпляру нужен уникальный идентификатор.

Селектор jQuery всегда будет действовать только в первом экземпляре идентификатора при использовании селектора ID, например $ ('# confyes'). Может быть, первым будет confyes_98, а второй будет confyes_99. Или, может быть, вы можете использовать классы вместо идентификаторов.