Question

Im doing some jquery stuff with toggle(), I’m doing different actions depending on if the current div is closing or showing, i know i can easy check if a div hasClass() or is(':visible') for what i want to do, but I’m thinking maybe there is somehow that i can reduce the amount of code or just do it more efficient? like declare the toggle() with two functions that this is for when its showing and this is for when its closing, is this possible?

hope you get what i mean?

like this, or check a jsfiddle

$('#click_me').on('click', function() {
    $('#contain').toogle('blind', 300, function (){
        alert('open');
    }, function (){
        alert('close');          
    });
});

Answer 1

Just create a small jQuery plugin:

(function($){
    $.fn.myToggle = function(duration, cbShow, cbHide){
        this.each(function(){
            $(this).toggle(duration, $(this).is(":visible") ? cbHide : cbShow);
        });
    };
})(jQuery);

Usage exactly as you suggested in your question; I just left out the easing method…

Demo (JSFiddle)