javascript - Jquery 使用同一按钮打开和关闭

Question

我有一个按钮，可以打开一个小窗口来显示额外的信息。目前它只打开，我必须单击关闭按钮才能关闭它，我真的不想要这个关闭按钮，但我希​​望能够使用同一个按钮打开和关闭它。

 $(function() {
    //----- OPEN
    $('[data-popup-open]').on('click', function(e)  {
        var targeted_popup_class = jQuery(this).attr('data-popup-open');
        $('[data-popup="' + targeted_popup_class + '"]').fadeIn(350);

        e.preventDefault();
    });

    //----- CLOSE
    $('[data-popup-close]').on('click', function(e)  {
        var targeted_popup_class = jQuery(this).attr('data-popup-close');
        $('[data-popup="' + targeted_popup_class + '"]').fadeOut(350);

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

有人可以帮我吗？

Answer 1

尝试 fadeToggle() jQuery 函数。

$('button').on('click', function(e)  {
    var targeted_popup_class = jQuery(this).attr('data-popup-open');
    $('[data-popup="' + targeted_popup_class + '"]').fadeToggle(350);

    e.preventDefault();
});