Исчезновение одной кнопки при нажатии другой

@skifon3519 · Регистрация: 17.09.2014

Здравствуйте,уважаемые знатоки

Задача такая:нужно при нажатии кнопки№1 чтоб пропадала кнопка 2 и при нажатии кнопки 2 пропадали кнопки 1 и 3,ничего не могу сделать...у меня пропадает все сразу+скрипт я еще недописал,помогите люди добрые

Добавлено через 48 секунд

HTML5

<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
        $(document).ready(function () {
            $("div:contains('link1')").click(function () {
                $("div:contains('link2')").hide()
                            });})
 
        </script>
</head>
<body>
<div class>
    <div><button class="button">link1</button></div>
    <div><button class="button">link2</button></div>
    <div><button class="button">link3</button></div>
  </div>
</body>
</html>

@Eva Rosalene · 17.09.2014, 22:35

skifon3519, потому что главный div тоже содержит ссылку, соотвественно и пропадает. Тут лучше использовать селектор самой ссылки и parent() - или как это в jQuery правильно.

@skifon3519 · 18.09.2014, 20:49 **[ТС]**

Спасибо большое,буду пытаться разобраться

@Yulunga · 19.09.2014, 07:55

как-то сложно очень.
почему не сделать в лоб, извините? )

HTML5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1</title>
    
    <link rel="stylesheet" href="style.css" type="text/css" >
 
 
    <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
        $(document).ready(function () {
            $(".button1").click(function () {
                $(".button2").hide()
            });
            $(".button2").click(function () {
                $(".button1").hide();
                $(".button3").hide();
            });
 
        });
 
        </script>
 
<div class>
    <div><button class="button1">link1</button></div>
    <div><button class="button2">link2</button></div>
    <div><button class="button3">link3</button></div>
  </div>
</body>
</html>
    
</head>

@skifon3519 · 19.09.2014, 13:56 **[ТС]**

Ой спасибо огромное,добрый человек!Сколько же я времени убил,на эти кнопки...Я пока полный вася в этой теме,начал только учиться.Спасибо большое еще раз

@Eva Rosalene Pure Free Digital Ghost 4214 / 1674 / 323 Регистрация: 06.01.2013 Сообщений: 4,287
	17.09.2014, 22:35	2
	skifon3519, потому что главный div тоже содержит ссылку, соотвественно и пропадает. Тут лучше использовать селектор самой ссылки и parent() - или как это в jQuery правильно. 0

@skifon3519 0 / 0 / 0 Регистрация: 17.09.2014 Сообщений: 3
	18.09.2014, 20:49 [ТС]	3
	Спасибо большое,буду пытаться разобраться 0

@skifon3519 0 / 0 / 0 Регистрация: 17.09.2014 Сообщений: 3
	19.09.2014, 13:56 [ТС]	5
	Ой спасибо огромное,добрый человек!Сколько же я времени убил,на эти кнопки...Я пока полный вася в этой теме,начал только учиться.Спасибо большое еще раз 0

Опции темы

Исчезновение одной кнопки при нажатии другой

Решение