icheck jQuery插件显示/隐藏DIV

Question

当我点击/选中复选框时，我使用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;}

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

如何修复此问题并在defualt中显示max_tickets div？

DEMO HERE ：http://jsfiddle.net/224bR/

Answer 1

删除.max_tickets的CSS会默认显示

.max_tickets {display:none;}

fiddle