クリック時にdivを表示/非表示にしますが、同じリンクが2回クリックされた場合はスクリプトが実行されないようにします

いずれかのリンクをクリックすると、スクリプトは正常に機能します。同じリンクが2回クリックされた場合に、表示/非表示スクリプトが実行されないようにする必要があります。このサイトや他のサイトで、.unbindが最も有望であると試すことがいくつか見つかりましたが、私の関数はで始まり、バインドを解除$(this).click(function ()するとすべてが強制終了されます。コードを再構築する方法がわからないためtoggleDiv、クリック前とクリックtoggleDiv後を比較して、コードが同じであるかどうかを確認し、スクリプトを削除します。

Codepen：http：//codepen.io/jpscoggan/pen/gcHbK

これが私のjsコードです：

//show hide
(function ($) {

    $.fn.showHide = function (options) {

        //default vars for the plugin
        var defaults = {
            speed: 200,
            easing: 'swing'
        };
        var options = $.extend(defaults, options);

        $(this).click(function () {
            $('.toggleDiv').slideUp(options.speed, options.easing);
            // once the button is clicked, the clicked div (.toggleDiv) slides up  
            var toggleDiv = $(this).attr('rel');
            // reads rel attribute of clicked link / which div id to toggle 
            $(toggleDiv).slideToggle(options.speed, options.easing);
            // toggle show/hide the correct div + speed and easing

            e.preventDefault();
        });
    };
})(jQuery);

$('.show_hide').showHide({
    speed: 200,
    // speed you want the toggle to happen             
});