Check Box Slide

by Banzay

HTML

<div>
    <input id="checkbox" name="check_1" type="checkbox" value="1" />
     I have a voucher
</div>
<div id="slideDiv">hello</div>
<div>hehdhhfd</div>

CSS

#slideDiv{ background:#de9a44; margin:3px; width:100%; 
height:40px; display:none; }

JavaScript

$(document).ready(function () 
{
    $('#checkbox').click(function()
    {
        if (this.checked) 
        {
            if ($("#slideDiv").is(":hidden")) 
            {
                $("#slideDiv").slideDown(200);
            } 
        }
        else
        {
            $("#slideDiv").slideUp(200);
        }
    });
      
});