Member 13224874 Ответов: 0

Как мне сделать кнопки на странице как со скрытыми выпадающими списками?

Привет, ребята.. Я очень новичок в этом деле, так что, пожалуйста, обнажите Мой бедный жаргон и код... мне нужно знать, как у меня могут быть две кнопки на странице, каждая из которых содержит выпадающие тексты spearate, в тот момент, когда я нажимаю любую из кнопок, я получаю один и тот же выпадающий ответ, обычно второй сценарий. Я думаю, что мне что-то не хватает в коде скрипта или в том, как я его идентифицирую. Но вся помощь приветствуется :)

Что я уже пробовал:

<style>
} 
BUTTON.button {
display: block;
    margin-left: auto;
    margin-right: auto;
    align: centre }
#myDIV {
    width: 100%;
    padding: 50px 0;
    text-align: center;
    background-color: #65a83d;
    margin-top:20px;
}
#myDIV2 {
    width: 100%;
    padding: 50px 0;
    text-align: center;
    background-color: #65a83d;
    margin-top:20px;
}
</style>

<body>

<br><br>
<button class="button" onclick="myFunction()">Give me a clue </button>
<div>
<div id="myDIV" class="hidden" style="display: none;">
Look at the 5's!
</div>
<br><br>
<button class="button" onclick="myFunction()">Show Answer </button>
<div>
<div id="myDIV2" class="hidden" style="display: none;">
15!
</div>

<script>
function myFunction() {
    var x = document.getElementById('myDIV');
    if (x.style.display === 'none') {
        x.style.display = 'block';
    } else {
        x.style.display = 'none';
    }
}
</script>
<script>
function myFunction() {
    var x = document.getElementById('myDIV2');
    if (x.style.display === 'none') {
        x.style.display = 'block';
    } else {
        x.style.display = 'none';
    }
}
</script>
</body>

0 Ответов