jquery - 在表单上有两个下拉日历

Question

我用这些代码在我的表单中创建了两个 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>

我想做另一件事，但我不知道怎么做？如果此日历之一打开，则用户无法打开另一个。我怎样才能做到这一点？

Answer 1

您可以使用is(':visible')：

<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>

和被假定为您的日历的 ID，相应地修改（在#Calimg1函数中）以防万一它们不同。#Img1isAnyVisible