jQuery的切換功能disorts文本

Question

頁：http://hunpony.hu/today/dev/

我有一些功能切換的HTML的2件，如果我點擊 'rejt' 按鈕。通常情況下，它看起來像這樣：

但使用按鈕再次切換之後，它就會disorted這樣的：

請幫我解決這個問題。

代碼示例：http://jsfiddle.net/DJDavid98/u4mrd/

Answer 1

首先，有什麼用font和id標籤的？不知道在切換標籤時jQuery要做什麼，它一無所知（id）。

更重要的是，這些id標籤被肘節之後設置爲display:inline-block，如：

<id id="bottomtext2" style="display:inline-block" /> 

即元件鄰近<id id="bottomtext2" />，也設定爲inline-block。這將解釋並排顯示。

破碎小提琴：http://jsfiddle.net/T8aWV/1/
固定小提琴：http://jsfiddle.net/T8aWV/

擺脫id標籤，使他們divs。這爲我解決了這個問題。

另請參閱："Periodic Table" of HTML 5 tags (and when to use them)