Variable and if input
<p>What is wrong with this code? I declare a variable, then i say if it is 0 hide, if it is 1 animate. Then, when you click on it, the variable become 1 and so it animate. The code hides #slickbox11, but, when i click on it, it doesn't "animate" itself and the scroll.</p>

<pre><code>   var slickbox11 = 0

    //slickbox11//
    $(document).ready(function() {
    if (slickbox11 == 0){
    $('#slickbox11').hide();    
    }
    })

    $(document).ready(function() {
    if (slickbox11 == 1){
    $('html,body').animate({scrollTop: 135}, 300);
    $('#slickbox11').animate({ opacity: '1', height: '1' }, 300 );
    }
    })


    $(document).ready(function() {
    $('#slick-toggle11').click(function() {
    slickbox11 = 1;
    })
    })
</code></pre>
