我有一个按钮,可以打开一个小窗口来显示额外的信息。 目前它只打开,我必须单击关闭按钮才能关闭它,我真的不想要这个关闭按钮,但我希望能够使用同一个按钮打开和关闭它。
$(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();
});
});
有人可以帮我吗?
最佳答案
尝试 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();
});
关于javascript - Jquery 使用同一按钮打开和关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38659125/