javascript - ぼかしはクリックイベントをキャンセルしています

Question

ぼかしイベントがクリック イベントをキャンセルしているようです。

ユーザーが画像をクリックすると、パネルがスライドして表示されます。

パネルが表示されている場合、パネルの外側の任意の場所をクリックすると、パネルが上にスライドして表示されなくなります。

問題は、これらのモジュールが複数あり、最初のパネルが開いているときに 2 番目の画像をクリックすると、ぼかし機能が起動しますが、クリック イベントは発生しません。

    toggleContent : function () {

        var wrapper = $('.wrapper'),
            targetClass = '.moreInfo',
            eContent = wrapper.find('.more');

        wrapper.on('click', targetClass, function (e) {

            e.preventDefault();

            if ($(this).hasClass('selected')) {

                return false;
            }
            else {

                eContent = $(this).focus().parent().next();
                eContent.slideDown('normal');
                $(this).addClass('selected');
            }

        }).on('blur', targetClass, function (e) {

            eContent = $(this).parent().next();

            if ($(this).hasClass('selected')){
                eContent.slideUp('normal');
                $(this).removeClass('selected');
            }

        });
    }