jquery - 如何添加显示:inline-block in a jQuery show() function?

Question

我有这样的代码:

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 而不是 block 。

Answer 1

尝试使用 CSS 来隐藏和显示内容，而不是 show。

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");
}