Learn free online HTML5, javascript, and jquery Tutorials by Examples

Saturday 17 May 2014

Using jQuery's SlideUp() and SlideDown() Methods and change text

--------------------------------------------------------
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

<a class="click_" href="javascript:void(0);">slideUp</a>

<script>
     var j = 0;
    $(window).ready(function(e) {
        $('.click_').click(function(e) {
            if(j == 0){
            $('.up').slideUp(300);
            j = 1;
            $('.click_').text('slideDown').css('color','red');
            }
            else{
                    $('.up').slideDown(300);
                    j = 0;
                    $('.click_').text('slideUp').css('color','black');
                }
        });
    });    
</script>


-------------------------------------------------------

No comments:

Post a Comment