[問題] 如何使用jQuery隱藏內部元件

[qazsd (知足常樂)]

網站架構如下：

<div id="out">這是div
        <span id="mid">這是預設隱藏的span</span>
</div>

如果要用jQuery的語法讓滑鼠一移到div上面
就會讓一開始就隱藏的span顯示出來

請教版上大大該怎麼做比較好？
謝謝～

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 203.208.196.50
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1440059709.A.2BE.html
推 oToToT: $("#out").hover(function(){$("#mid").show();},function
→ oToToT: (){$("#mid").hide()})
推 oToToT: 排一下版
→ oToToT: $("#out").hover(
→ oToToT:     function(){
→ oToToT:         $("#mid").show();
→ oToToT:     },function(){
→ oToToT:         $("#mid").hide();
→ oToToT:     }
→ oToToT: );
→ MangoTW: 為什麼不用CSS？
→ qazsd: 請問CSS的方法是？
→ alog: http://codepen.io/anon/pen/JdQyxz 可以這樣玩
→ alog: 為了方便寫，我用 scss 語法
→ RedMapleWing: #out:hover #mid {display:inline;}