Show hide based on radio buttons.

by Felipe Franco

HTML

<div class="precos" >
    <input type="radio" id="comercial"  checked="checked" >
    <label for="comercial" class="comercial">Yes</label>
    <input type="radio" id="tecnico"  />
    <label for="tecnico" class="tecnico">No</label>
</div>
<div class="boxcomercial"><br><br>Comercial<br>
    <TextArea ID="txtBankruptcyComment" rows="6" width="98%" CssClass="multiYN"></TextArea>
    <br />
</div>

<div class="boxtecnico"><br><br>Tecnico<br>
    <TextArea ID="txtBankruptcyComment2" rows="6" width="98%" CssClass="multiYN"></TextArea>
    <br />
</div>

JavaScript

$(function () {
    $(".precos").buttonset();
});

$(".boxcomercial").show();
$(".boxtecnico").hide();

$(".comercial").click(function() { $(".boxcomercial").show();$(".boxtecnico").hide(); });
$(".tecnico").click(function() { $(".boxcomercial").hide(); $(".boxtecnico").show(); });