Javascript 检查类以及在Pageload上是否隐藏了DIV

我有一个开关，目前它是这样工作的：

如果单击

.member按钮

，它将向

添加
.active sub
。member按钮

，并将其从

.trainer按钮

中删除。它还将显示

#会员

，同时隐藏

#培训师

.trainer按钮

的工作原理与将

活动子按钮

添加到

.trainer按钮

时将其从

中移除的方式相同。成员按钮

将在隐藏

#成员

时显示

#trainer

---

我遇到的问题是，当页面首次加载时，如何检查

.active sub

是否添加到

.member按钮中，如果是，如何将其从
.trainer按钮中删除？（反之亦然）

我还想检查
#member
是否未设置为
$（“#member”）.hide（）然后自动隐藏
#trainer


Javascript:

<script type="text/javascript">
    $(document).ready(function(){

        //$("#member").hide();
        $("#fitness-trainer").hide();
        $('.member-button').addClass("active-sub");

        $('.member-button').click(function () {
            $("#fitness-trainer").fadeOut(function () {
                $("#member").fadeIn();
            });
            $(".trainer-button").removeClass("active-sub");
            $(this).addClass("active-sub");
        });

        $('.trainer-button').click(function () {
            $("#member").fadeOut(function () {
                $("#fitness-trainer").fadeIn();
            });
            $(".member-button").removeClass("active-sub");
            $(this).addClass("active-sub");
        });
    });
</script>


$（文档）.ready（函数（）{
//$（“#成员”）.hide（）；
$（“#健身教练”）.hide（）；
$（'.member button'）.addClass（“活动子节点”）；
$（'.member按钮'）。单击（函数（）{
$（“#健身教练”）.淡出（功能）{
$（“#成员”）.fadeIn（）；
});
$（“.trainer按钮”）.removeClass（“活动子组件”）；
$（此）.addClass（“活动子系统”）；
});
$（'.trainer按钮'）。单击（函数（）{
$（“#成员”）.fadeOut（函数（）{
$（“#健身教练”）.fadeIn（）；
});
$（“.member按钮”）.removeClass（“活动子节点”）；
$（此）.addClass（“活动子系统”）；
});
});

HTML：按钮

<a href="#" class="member-button">Member</a>
<a href="#" class="trainer-button">Trainer</a>



HTML:Content

<div id="member">
member content
</div>

<div id="trainer">
trainer content
</div>


成员内容
培训师内容
尝试使用

通过执行以下操作，检查
.member按钮
是否具有类
.active子项

$('.member-button').hasClass('active-sub');

如果有类，则返回true

您可以通过以下方式检查#成员是否设置为.hide（）

反之亦然

以及：

就像前面的答案一样。
$（'mydiv'）.hasClass（'foo'）；
if($("#member").is(":visible")){
  // hide whatever you want here...
}else{
  // display whatever you want here..
}

if($('.member-button').hasClass('active-sub'))
{
$('.member-button').removeClass('active-sub');
$('.trainer-button').addClass('active-sub');
}

if($('#member').is(':visible'))
{
$('#trainer').hide();
}