Ausblenden einer bestimmten div auf einem Klick auf einem Etikett mit jQuery

Question

Warum das ist, wenn ich die Kontrollkästchen in einem Etikett setzen, um es zu stoppen scheint zu funktionieren

Das war mein HTML-Code.

<label> <input type="radio" name="form-showhide" checked="checked" required value="call">Call </label> 
<label> <input type="radio" name="form-showhide" value="email">Email </label> 

und das ist mein jQuery-Code.

$("#lcall").live('click', function() { 
    $("#additional-info").show(); 
}); 
$("#lnk2").live('click', function() { 
    $("#lmail").hide(); 
}); 

Answer 1

das ist, was ich tue, und es funktioniert:

$(document).ready(function() { 
 
    $('.toggler').click(function() { 
 
    $('.toggle').toggle('slow'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p class="toggler">Click Me</p> <p class="toggle">I will hide</p>

Answer 2

Hier ist eine funktionierende Lösung. Ich hoffe es hilft!

$(document).ready(function() { 
 
    $("input[name$='form-showhide']").live('click', function() { 
 
    var test = $(this).val(); 
 
\t $("div.desc").hide(); 
 
\t $("#someID" + test).show(); 
 
    }); 
 
});

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
 
<label><input type="radio" name="form-showhide" checked="checked" value="1" >Call</label> 
 
<label><input type="radio" name="form-showhide" value="2" />Email</label> 
 

 
\t <div id="someID1" class="desc"> 
 
\t \t This is Call Field 
 
\t </div> 
 
\t <div id="someID2" class="desc" style="display: none;"> 
 
\t \t This is Email field 
 
\t </div>