Jquery 在一个窗体上有两个下拉日历

Jquery 在一个窗体上有两个下拉日历,jquery,Jquery,我用以下代码在表格中创建了两个dropdpwn日历: <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#Calimg1').click(function () {

我用以下代码在表格中创建了两个dropdpwn日历:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#Calimg1').click(function () {
            $('#calblock1').slideToggle("slow");
        });
    });

    $(document).ready(function () {
        $('#Img1').click(function () {
            $('#Div2').slideToggle("slow");
        });
    });
</script>
我想做另一件事,但我不知道怎么做?如果此日历中的一个已打开,则用户无法打开另一个日历。我该怎么做?

您可以使用is':visible':


Calimg1和Img1被假定为您日历的ID,请在isAnyVisible函数中进行相应修改,以防它们不同。

谢谢您的回答,我刚刚测试了它,但不起作用。我可以在同一时间打开这两个日历time@Baper:您应该在jsfiddle.net或其他地方发布它的工作示例。并确保您在isAnyVisible函数的选择器中使用了正确的ID,正如我在回答中所说的。
<script type="text/javascript">
    $(document).ready(function () {
        $('#Calimg1').click(function () {
            if (isAnyVisible()) return false;
            $('#calblock1').slideToggle("slow");
        });

        $('#Img1').click(function () {
            if (isAnyVisible()) return false;
            $('#Div2').slideToggle("slow");
        });
    });

    function isAnyVisible() {
      if ($('#Calimg1').is(':visible') || $('#Img1').is(':visible')) {
         return false;
      }
      return true;
    }
</script>