Почему этот jQuery не скользит вниз / показывает скрытые (скользящие) элементы?

Question

Я создаю строки с идентификаторами foapalrow3 и foapalrow4 в C#, делая их временно невидимыми:

foapalrow3 = new HtmlTableRow();
foapalrow3.ID = "foapalrow3";
. . .
foapalrow3.Visible = false;

foapalrow4 = new HtmlTableRow();
foapalrow4.ID = "foapalrow4";
. . .
foapalHTMLTable.Rows.Add(foapalrow4);
foapalrow4.Visible = false;

Затем у меня есть jQuery, чтобы условно сделать это снова видимым:

$(document).on("click", '[id$=btnAddFoapalRow]', function (e) {
    if ($('[id$=foapalrow3]').css('display') == 'none') {
        $('[id$=foapalrow3]').slideDown();
    } else if ($('[id$ = foapalrow4]').css('display') == 'none') {
        $('[id$=foapalrow4]').slideDown();
    }
});

... но это не работает - строки все еще не показаны. Это то, что "visible == false" в C# не соответствует "display == none" в jQuery, или как?

Answer 1

Вы можете проверить свойство отображения, используя

$('[id$=foapalrow4]').is(":visible");