javascript - スクロールオーバー付きの Javascript ドロップダウン ボタン

Question

私はJavascript（およびコーディング全般）が初めてです。私は Javascript について少し学ぼうとして w3schools を経験しています。クリックするとテキストがドロップダウンし、もう一度クリックすると元に戻るホバーオーバー効果のあるボタンを作成しようとしています。ページを詰まらせずに SEO 用のテキストを表示できるように、ページの 1 つに配置しようとしています。これまでのところ、テキストを切り替える方法を理解しましたが、実際のボタンやドロップ効果についてはうまくいきませんでした。任意の支援やアドバイスをいただければ幸いです。

<script language="javascript"> 
function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "Show Text";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "HIDE TEXT";
    }
} 
</script>

テキストを表示

ここにテキストが入ります