Показать и скрыть div по клику на button.

usergeyv

Знаток
Регистрация
5 Июл 2013
Сообщения
152
Реакции
25
Есть код
HTML:
<script>
$(document).ready(function(){

           $("#showHideContent").click(function () {
                       if ($("#content").is(":hidden")) {

                               $("#content").show("slow");

                       } else {

                               $("#content").hide("slow");

                       }
return false;
});
});
  </script>   
<button id="showHideContent">Показать/Скрыть</button>

<div id="content" style="display:none;">Содержание, которое скрыто по-умолчанию. Покажется/скроется при клике на одну и ту же ссылку.</div>
скрывает и показывает content , а нужно два button:
Код:
<button id="showContent">Показать</button>
<button id="HideContent">Скрыть</button>
Один показывает , другой скрывает, какой код должен быть?
 
HTML:
<!DOCTYPE html>
<html lang="ru">
    <head>
        <title>No Title</title>
        <meta charset="utf-8">
    </head>
    <body>
        <button id="showContent">Показать</button>
        <button id="hideContent">Скрыть</button>

        <div id="content" style="display:none;">Содержание, которое скрыто по-умолчанию. Покажется/скроется при клике на соответствующие кнопки.</div>

        <script>
            let content = document.getElementById("content")
            let show = document.getElementById("showContent")
            let hide = document.getElementById("hideContent")

            show.addEventListener("click", () => {
                content.style.display = "block"
            })

            hide.addEventListener("click", () => {
                content.style.display = "none"
            })
        </script>
    </body>
</html>
 
А как показать через N секунд после нажатия?
 
Назад
Сверху