Скрытие Div, пока не нажали, и не скрывать снова, когда нажал снова

Question

Итак, когда кнопка нажата, она раскрывает информацию.

Что здорово, и что мне нужно сделать, но, скажем, пользователь вводит некоторую другую информацию и хочет получить другой набор информации, он будет скрывать информацию.

Надеюсь, этого достаточно.

По сути, я не хочу, чтобы Jquery запускался во второй раз. Просто за один клик, а не за другой ..

Jquery:

$("#userSubmit").click(function() {
    $("#hidden").toggle();
});

CSS:

#hidden {
  display: none;
}

Answer 1

Используется:

    $("#userSubmit").one("click", function() {
    $("#hidden").toggle();
});

Выполнено то, что я пытался сделать.

Answer 2

   <script>
    $(document).ready(function(){
      $("button").click(function(){
        $("div").toggle();
      });
    });
    </script>

<div>This is a paragraph.</div>
<button>hide() and show()</button>