Toggle element: Wie stellt man HIDE als default ein?

Liebe Community,
vielleicht ist es das falsche Forum (oh je …), aber vielleicht mag mir doch jemand einen Hinweis geben.
Auf meiner WP Seite will ich ein Element mit einem Button ein- und ausblenden, das klappt auch schon mit folgendem Code:
<button class="togglebtn et_pb_button et_pb_button_2 et_pb_bg_layout_dark">Button Text</button>
für den Button und

<script>
jQuery(document).ready(function($) {
      $ (".togglebtn").click(function () {
      $(".toggle-element").toggle(400);
    });
});
</script>

Ich hätte es aber gern, wenn das Element beim Aufrufen der Seite versteckt ist und erst durch Betätigen des Button erscheint (momentan ist es umgekehrt). Was muss ich ergänzen (und wo?), dasmit es funktioniert … Vielen Dank.
Auf der Webseite kann man das übrigens nicht sehen, weil ich auf einer Entwurf-Seite damit herumprobiere.

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]