ex1,ex2,ex3をマウスオーバーしたときにそれぞれhiddenクラスをはずて<p>を表示したいです。
javascriptでpointクラスとhiddenクラスを取得してイベントをつけようと思ったのですが上手くいきません、、 どうすればいいでしょうか、
<html lang="ja"> <head> <meta charset="utf-8"> <title></title> <style> body{ margin:0; } .container{ margin:0 auto; text-align:center; width:100%; } .target{ float:left; width:33.33%; background:#eee; } .target>.hidden{ display:none; } </style> </head> <body> <div class="container"> <div class="target"> <p class="point">ex1</p> <p class="hidden">abcdefgh</p> </div> <div class="target"> <p class="point">ex2</p> <p class="hidden">ijklmnop</p> </div> <div class="target"> <p class="point">ex3</p> <p class="hidden">qrstuvwx</p> </div> </div> <script type="text/javascript"> </script> </body> </html> コード