Я новичок в javascript и jQuery. В моем html есть 2 переключателя и один div. Я хочу показать, что div, если я проверю первую радиокнопку, но в противном случае я хочу, чтобы она была скрыта.
so: Если отмечена радиокнопка # watch-me → div # show-me. Если переключатель # watch-me не отмечен (ни один из них не отмечен, либо второй отмечен) → div # show-me скрыт.
Вот что я до сих пор.
<form id='form-id'>
<input id='watch-me' name='test' type='radio' /> Show Div<br />
<input name='test' type='radio' /><br />
<input name='test' type='radio' />
</form>
<div id='show-me' style='display:none'>Hello</div>
и JS:
$(document).ready(function () {
$("#watch-me").click(function() {
$("#show-me:hidden").show('slow');
});
$("#watch-me").click(function(){
if($('watch-me').prop('checked')===false) {
$('#show-me').hide();}
});
});
Как мне изменить мой script, чтобы достичь этого?