[解決済み] jQueryのshow()関数でdisplay:inline-blockを追加する方法とは？

質問

このようなコードがあります。

function switch_tabs(obj) {
    $('.tab-content').hide();
    $('.tabs a').removeClass("selected");

    var id = obj.attr("rel");
    $('#' + id).show();
    obj.addClass("selected");
}

show関数では display:block . しかし、私は display:inline-block ブロックの代わりに

どのように解決するのですか？

の代わりに show のように、CSSでコンテンツの表示/非表示を設定することができます。

function switch_tabs(obj) {
    $('.tab-content').css('display', 'none'); // you could still use `.hide()` here
    $('.tabs a').removeClass("selected");
    var id = obj.attr("rel");

    $('#' + id).css('display', 'inline-block');
    obj.addClass("selected");
}