div を表示するときは左にスライドさせ、非表示にするときは右にスライドさせようとしていますが、jQuery を使用したくありません。javascript ライブラリを使用せずに簡単なアニメーションを作成し、IE7 と IE8 をサポートする方法はありますか?
これが私の表示/非表示jsです:
function showHide() {
var Elliot = document.getElementById('Daniel').style.display;
if (Elliot == "block") {
document.getElementById('Daniel').style.display = "none";
} else {
document.getElementById('Daniel').style.display = "block";
};
};
HTML は次のようになります。
<a href="#" onclick="showHide();return false;">click me</a>
<div id="Daniel" style="display:block; width: 300px; height: 50px;">
<!-- some stuff -->
</div>