Главная :: Полезные коды :: Ajax / Jquery :: Открыть или скрыть блок при выборе чекбокса jQuery
Описание: Частый пример в случае с интернет-магазинами. При переключении checkbox нужно открыть / скрыть блок div с дополнительной информацией. Смотрим пример кода:
Код:
Код HTML

<input type="checkbox" name="public" id="public" value="yes">

<div id="hide" style="display:none;">
Содержимое скрытого блока
</div>

Создали кнопку. Присвоили ей id public. Ниже создали скрытый блок, который и будет открываться при выделении чекбокса.

Код JS

<script type="text/javascript">
$(document).ready(function(){
$("input#public").change(function(){

if ($(this).attr("checked")) {
$('#hide').fadeIn().show();
return;
} else {
$('#hide').fadeOut(300);
}

});
})
</script>
Добавил: CHISELEY (12 Июня 2016 в 10:44)

Мы рекомендуем