скрытие формы в зависимости от того, видима она или нет: проверка на видимость не работает

Question

У меня есть этот код, чтобы проверить, является ли промежуток скрытым или видимым в зависимости от значения, которое он показывает или скрывает, событие запускается, когда пользователь нажимает кнопку:

$('form').on('click', '#agregar', function(){
// var p = $('#panel');
//var a = $('#agregar');
if($('#panel').is(':visible')){
    $('#panel').hide();
    $('#agregar').val('Mostrar Forma');
    alert('ocultar');
}else {
    //if($('#panel').is(':hidden')){
    $('#panel').show();
    $('#agregar').val('Ocultar Forma');
    alert('mostrar');
}
});

проблема в том, чтодаже если он видимый, он никогда не скроет его, и предупреждение («Мострар») всегда будет отображаться, поэтому условие всегда ложно, почему это так?мой код неверен?Мой диапазон выглядит так:

<span id="panel>a fieldset and a form here</span>

CSS находится на внешней таблице стилей, и это похоже на

#panel{ display: none;}

Любая помощь очень ценится, не обращайте внимания на любой комментарий, который я прокомментировал, я простопробуя разные формы, чтобы увидеть любые изменения

Answer 1

попробуйте сделать это if ($ ("# панель"). css ("дисплей")! = "нет")

Answer 2

Попробуйте это расширение, чтобы увидеть, поможет ли это вам.

jQuery.extend(
  jQuery.expr[ ":" ], 
  { reallyvisible : function (a) { return !(jQuery(a).is(':hidden') || jQuery(a).parents(':hidden').length); }}
);