jQuery 2.1.4でのshow();、hide();の挙動

元記事はこちら

displayに何も指定していない

<div class="element"></div>のouterHTMLが表示されます

styleでdisplay:none

<div class="element" style="display: none;"></div>のouterHTMLが表示されます

styleでdisplay:block

<div class="element" style="display: block;"></div>のouterHTMLが表示されます

非表示用クラス「.hidden」を追加しておく

<div class="element hidden"></div>のouterHTMLが表示されます

初期値がdisplay:inlineの場合

ほげほげ
<div class="element" style="display: inline;"ほげほげ></div>のouterHTMLが表示されます