Форма, которая при вызове с разных кнопок, должна скрывать некоторые поля

S_A_N_T_A · October 24, 2018

Всем доброго времени суток!

У меня есть одна форма, которая при вызове с разных кнопок, должна скрывать некоторые поля.

Вот кнопки:

<a data-target="#call">Кнопка 1</a>
<a data-target="#call">Кнопка 2</a>

Вот форма:

Форма может иметь только один ID, в моем случае это “call”.

Как сделать, чтобы при клике на “Кнопка 1” отображалось только “Поле 1”?

Как сделать, чтобы при клике на “Кнопка 2” отображалось только “Поле 2”?

Сайт делаю для себя. Знаний в js нету.

S_A_N_T_A · October 28, 2018

Если кому понадобится, вот решение

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>
<body>
    <a data-target="#call" class="first">Кнопка 1</a>
    <a data-target="#call" class="second">Кнопка 2</a>
 
    <div id="call">
        <form>
            <div class="pole1">Поле 1</div>
            <div class="pole2">Поле 2</div>
        </form>
    </div>
    
    <script>
    $(function(){
        $('.first').click(function(){
            $('.pole1').show();
            $('.pole2').hide();
        });
        
        $('.second').click(function(){
            $('.pole2').show();
            $('.pole1').hide();
        });
    });
    
    </script>
</body>
</html>

Sign In

Форма, которая при вызове с разных кнопок, должна скрывать некоторые поля

Question

S_A_N_T_A

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

S_A_N_T_A

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information