显示与jQuery 1.9隐藏inline-block的元素(Show hidden inline-

2019-10-18 00:22发布

我有问题,显示隐藏块,如果他们是CSS:inline-block的。

div.profile{
    display: inline-block;
}


<div class='profile' style='display: none;'>profile info</div>

(“曲线‘)。但是当我做$显示()就成了风格=’显示:块”(我可以看到它在萤火虫)和overrites我的CSS样式...

我怎样才能解决这个问题?

顺便说一句,在jQuery的1.4它工作正常。

谢谢。

UPD

$的CSS(“显示”,“内联块”),伊莫,不是通用的解决方案。

Answer 1:

你应该改变使用的CSS样式,而不是show功能,从而改变它block

$('.profile').css('display', 'inline-block');


Answer 2:

$('.profile').css('display', 'inline-block')


Answer 3:

虽然设置它明确地inline-block在这种情况下工作,你最好应该将它设置为''以应用无论从CSS来,无论是inlineinline-blockblock

$('.profile').css('display', ''); // switch it back to whats specified in the CSS


文章来源: Show hidden inline-block elements with jquery 1.9