☰

jQuery show() 関数に display:inline-block を追加するにはどうすればいいですか? 質問する

tag-icon • tag-icon jquery show-hide
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");
}

表示機能は を追加します。ただし、ブロックの代わりにdisplay:blockを追加したいと思います。display:inline-block

ベストアンサー1

の代わりに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");
}

おすすめ記事