Javascript JQuery测试元素是否可见或隐藏，然后添加或删除类

我有一个div，从页面加载开始隐藏。当我切换“+”元素时，相对div切换为可见。我正在尝试使用if-else语句添加一个基于is（“：hidden”）或not的类

我的HTML是：

<div class="views-row">
<div class="field-group-format-toggler-abstract">+</div>
<h2>Title 1</h2>
<div class="field-group-format-wrapper" style="display:none;">
Dolor minim neque pala ratis sit. Ideo odio praesent. Aliquam capto gravis quis. Antehabeo diam huic praemitto. Immitto pneum ratis vereor volutpat. Brevitas facilisis illum macto mos plaga ratis utrum. Jumentum rusticus secundum
</div>
</div>

​这第一部分可以工作，但add和remove类不能工作。我尝试了各种方法来实现这一点，但似乎没有任何效果，该类仍然保持关闭状态

这里有一个试试这个

if($(".field-group-format-wrapper").is(":visible")){
  $('.field-group-format-toggler-abstract').addClass("close").removeClass("open");
}
else {
    $('.field-group-format-toggler-abstract').addClass("open").removeClass("closed");
}

试试这个

if($(".field-group-format-wrapper").is(":visible")){
  $('.field-group-format-toggler-abstract').addClass("close").removeClass("open");
}
else {
    $('.field-group-format-toggler-abstract').addClass("open").removeClass("closed");
}

试试这个

$(".field-group-format-toggler-abstract").click(function() {
    var $div = $(this).nextAll(".field-group-format-wrapper");  // <-- cache the selector
    $div.toggle();       
    $(this).toggleClass('open', $div.is(':visible')); // <-- if wrapper div is visible class open will be added // else it will be removed
    $(this).toggleClass('closed', $div.is(':hidden')); // <-- if wrapper div is hidden class open will be added // else it will be removed
});​

$（“.field-group-format-toggler-abstract”）。单击（函数（）{
var$div=$（this.nextAll（“.field group format wrapper”）；//试试这个

$(".field-group-format-toggler-abstract").click(function() {
    var $div = $(this).nextAll(".field-group-format-wrapper");  // <-- cache the selector
    $div.toggle();       
    $(this).toggleClass('open', $div.is(':visible')); // <-- if wrapper div is visible class open will be added // else it will be removed
    $(this).toggleClass('closed', $div.is(':hidden')); // <-- if wrapper div is hidden class open will be added // else it will be removed
});​

$（“.field-group-format-toggler-abstract”）。单击（函数（）{
var$div=$（this）.nextAll（“.field group format wrapper”）；//您为什么选择了前面问题的
sides（）
答案，但您在这里的实现显示了我的答案，它使用
nextAll（）
？@Gabe，请耐心听我说，我仍在试验不同的代码实现和最有效的方法。谢谢：）你为什么选择了
兄弟姐妹（）
回答你之前的问题，但你的实现显示了我使用
nextAll（）的答案
？@Gabe，请耐心听我说，我仍在试验不同的代码实现以及最有效的方法。谢谢：）哈哈，我自己是在玩了几个小时后得出这个结论的。非常好！谢谢。哈哈，我是在玩了几个小时后得出这个结论的。非常好！谢谢。