Question

I have a slide up function on click, but once it is displayed i don’t want it to slide up again once the user clicks on the link a second time, but I can’t seem to get it to work.

According to answer iv’e read it was better to use .is hidden, but that doesn’t seem to fix the problem.

$(document).ready(function() {
    if ($('#aboutpage').is(":hidden")) {
        $('.about').click(function() {
            $(divPages).slideUp(1000);
            $('#aboutpage').slideDown(1000);
        });
    }
});

Answer 1

Is this what you want: Demo http://jsfiddle.net/R8WvF/ and your demo here http://jsfiddle.net/4meXU/ or more simpler: http://jsfiddle.net/rzqmT/

*Fixed your page by using the code patch updated below

Same button open and closes the slideUp and Down.

Hope it fits the cause :)

code

$("#toggleme").click(function(){
    $('.bnr').toggle(500);
});
​

another

$(document).ready(function() {
    $('.about').click(function() {
        if (!$('#aboutpage').is(":visible")) {
            $(divPages).slideUp(1000);
            $('#aboutpage').slideDown(1000);
        }else{
            $(divPages).slideDown(1000);
            $('#aboutpage').slideUp(1000);
        }
    });

});

or

var divPages = "#feed, #aboutpage"

$(document).ready(function() {
    $('.about').click(function() {
            $(divPages+', #aboutpage').slideToggle(1000);

    });

});