javascript - 在 jQuery 中关闭对话框

Question

我的页面中有一个带有more info按钮的日历。

单击该按钮会打开，但不会关闭。

我怎样才能关闭它？

按钮：

$('a.cmoreinf').live('click', function() {
    $('.ccontent').each(function() {
        $(this).css('display','none');
    });
    $(this).closest('.calsingleentry').find('.ccontent').css('display','block');
    return false;
});

日历页面

Answer 1

我没有真正回答这个问题所需的所有信息，但我相信您希望在第一次点击时出现模式，在第二次点击时消失，在第三次点击时出现等等......基本上切换显示属性。如果是这样...

$('a.cmoreinf').on('click', function(e){
  e.stopPropagation();
  $('.ccontent').hide();
  $(this).closest('.calsingleentry').find('.ccontent').toggle();
});

jQuery 切换（）

Answer 2

该类ccontent位于 div 内calsingleentry。

用这个：

$('a.cmoreinf').live('click', function() {
    $('calsingleentry').find('.ccontent').each(function() {
        $(this).css('display','none');
    });
    $(this).closest('.calsingleentry').find('.ccontent').css('display','block');
    return false;
});