Test case for jQuery Ticket 4233

toggle/:hidden discussion

by jitter

HTML

<script src="http://getfirebug.com/firebug-lite-debug.js"></script>
<button id="toggle">  Toggle </button><button id="click">  Submit </button>

<div id="d1"></div>
<div>
    <textarea id="t1"></textarea>
</div>

CSS

#d1, #t1 {
    border: 1px solid red;
    display: none;
}

JavaScript

$("#toggle").click(function() {
    $('#d1, #t1').each(function( i, ele ) {
        var $e = $(ele);
        console.log( ele.nodeName, $e.is(":hidden") );
        $e.toggle();
        console.log( ele.nodeName, $e.is(":hidden") );
    });
});

$("#click").click(function() {
    var content = $('#t1').val().replace(/\n/g, "<br />");
    $('#t1').toggle();
    //as we toggle the div here too obviously both are hidden after submit
    $('#d1').html( content ).toggle(); 
});