Здравствуйте. Друзья, подскажите решить такую задачку.
Есть два чекбокса - mode1 и mode2.
<div>
<div>
<div id="instmode">
<form>
<div style="float: left; padding-right: 10px;">
<input type="radio" name="instmode" id="imode_1" value="MODE1" onclick="show_instmode1(this)">
<label for="imode_1">Единственное устройство</label>
</div>
<div>
<input type="radio" name="instmode" id="imode_2" value="MODE2" onclick="show_instmode2(this)">
<label for="imode_2">Группа устройств</label>
</div>
</form>
</div>
</div>
<div><br></div>
<div id="log"></div>
</div>
<script type="text/javascript">
$(function() {
$( "#instmode" ).buttonset();
});
$( "input" ).on( "click", function() {
$( "#log" ).html( $( "input:checked" ).val() + " is checked!" );
});
</script>
Сейчас при выборе одного из них - появляется в дивке LOG - сообщение, какой чек бокс активен.
Подскажите пожалуйста, как сделать так, что бы при выборе определенного чек бокса появлялся определенный див.
условно при выборе MODE1 - появилась div id=mode1 при выборе mode2 появилась div id=mode2
Заранее благодарю.