[問題] hover跟display的問題

[PowerKid (暴力小孩)]

https://jsfiddle.net/crL28waz/1/

上面是我的範例

有一個section 跟aside 兩個裡面有文字h2

當hover h2 時會變紅色

當click h2 時會判斷是否h2 id為new1 是的話則h2消失

目前想做的是 如果onclick h2時 會讓section 的 <h2>消失之後

我能否hover section仍然會出現原先消失的h2 並且有原先變紅色的效果

因為目前消失之後 原先 hover的h2不見了

請問有什麼方法可以做到

謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.175.94.109
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1431086709.A.E63.html
→ GoalBased: 看不懂你再問甚麼，有沒有考慮講得清楚一點
※ 編輯: PowerKid (1.175.94.109), 05/08/2015 20:51:24
推 Ayukawayen: 像這樣的效果?  https://jsfiddle.net/crL28waz/3/
→ Ayukawayen: 還是你要hover後就讓h2保持出現?
→ poiuy999: 是.hide() 用成.remove()嗎
→ PowerKid: 謝謝2F那如果要讓再次HOVER一直出現該怎麼做
推 Ayukawayen: 你是說像這樣?  https://jsfiddle.net/crL28waz/5/
推 aspdoctor: Js的display:none比你後來css加上的display還優先，要
→ aspdoctor: 用js把display屬性加回去
→ aspdoctor: 還有這段其實可以只用css搞定的
推 aspdoctor: 如果是為了click事件用js，建議拿來改class就好，該是c
→ aspdoctor: ss的工作就交給css處理，混在一起之後會很麻煩