Scriptaculous を使用して、クリックでイベントの詳細を明らかにしようとしています。
関連ファイルを呼び出しました
<head>
<link rel="stylesheet" type="text/css" href="./css/main.css" />
<script src="java/scriptaculous.js" type="text/javascript"></script>
<script src="java/prototype.js" type="text/javascript"></script>
</head>
そして、このボタンを使用して詳細を呼び出したい
<a href="#" onclick="Effect.BlindDown('eventdetails'); return false;"><img class="open" src="./img/plus.png"></a>
そして、eventdetails div インラインを非表示にしました
<div id="eventdetails" style="display:none;">
カーソルのホバーは、リンクが機能していることを示していますが、どのような動きもありません