jQuery插件显示/隐藏DIV

icheck jQuery Plugin Show/Hide DIV

本文关键字：隐藏 DIV 显示 插件 jQuery      更新时间：2023-09-26

当我点击/选中复选框时，我使用icheck插件和显示/隐藏div。

HTML: 

<input tabindex="5" type="checkbox" id="minimal-checkbox-1" checked>checked
<div class="max_tickets">
    <input type="text" name="opwp_wootickets[tickets][0][maxtickets]" />
</div>

JS: 

$('input').iCheck({
    checkboxClass: 'icheckbox_minimal',
    radioClass: 'iradio_minimal',
    increaseArea: '20%'
});
$('input').on('ifChanged', function () {
    $(this).parent().next('.max_tickets').toggle(this.checked);
});
CSS: 

max_tickets {display:none;}

现在对于动态复选框，我需要在检查输入中添加checked，并在默认情况下显示div。但在默认情况下，我有display:none;和div不显示。

如何解决这个问题，并显示max_tickets div默认值

演示: http://jsfiddle.net/224bR/

删除.max_tickets的CSS将使其默认显示

.max_tickets {display:none;}

小提琴

相关文章：