jquery - 如何仅在 jQuery 中显示 div 时运行函数？

Question

我正在使用以下单击功能来关闭联系表单并在导航栏上的链接上切换类(class):

<script type="text/javascript">
$(document).ready(function(){
    $("#home").click(function(){
        $("#panel").slideUp("slow");
        $(this).toggleClass("current");
        $("#contact").toggleClass("current");
        return false;
    });
});
</script>

您可以在 this page 上看到正在运行的脚本。问题是，如果联系表单打开(即 div 显示在页面顶部)，我只想切换联系链接上的类。如何在脚本中添加 if 子句“if#panel is open runggleClass on #contact?

”

谢谢

尼克

Answer 1

您可以设置和删除类，而不是切换类。按照逻辑，当您单击 a#home 链接时，该链接应该获取 current 类，并且 #contact 元素不应具有不再是当前类。

$(this).addClass("current");
$("#contact").removeClass("current");

如果您不想在表单不可见时执行该函数，请使用:

$("#home").click(function(){
   if(!$('#panel').is(':visible')) return;
   //Rest of code