Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.77/13: Рейтинг темы: голосов - 13, средняя оценка - 4.77
0 / 0 / 1
Регистрация: 19.06.2015
Сообщений: 6
1

Появление/исчезновение элементов и исчезновение при клике на другой

03.10.2015, 14:02. Просмотров 2727. Ответов 2
Метки нет (Все метки)


Привет. Есть такое меню (картинка ниже). Нужно чтобы при клике на ссылку, появлялись текст и картинка.
Вообщем, я хотел сделать через toogle()
Javascript
1
2
3
    $( "#ch1" ).click(function() {
        $( ".ch1" ).toggle();
    });
Но как сделать что бы при клике на другой пункт меню, активный скрывался? И может как-то можно сделать это компактным кодом, а не прописывать отдельный идентификатор и класс для каждого из пунктов? Заранее спасибо.
0
Миниатюры
Появление/исчезновение элементов и исчезновение при клике на другой  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
03.10.2015, 14:02
Ответы с готовыми решениями:

Исчезновение и появление блока при прокрутке страницы
Помогите сделать так, чтобы при прокрутки страницы вниз блок div сразу же исчезал, а появлялся,...

исчезновение поп-апа при клике на свободном месте страницы
добрый день, возможно, это слишком тривиальный вопрос, но все же я задам его. На странице есть...

Плавное перемещение одного блока наверх и исчезновение других блоков при клике
Добрый день, Подскажите, пожалуйста, есть ли уже реализованный код или где можно найти идейки...

Исчезновение одной кнопки при нажатии другой
Здравствуйте,уважаемые знатоки:)Задача такая:нужно при нажатии кнопки№1 чтоб пропадала кнопка 2 и...

__________________
Помогаю в написании курсовых работ и дипломов здесь.
Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
2
1880 / 1484 / 687
Регистрация: 17.11.2012
Сообщений: 6,450
03.10.2015, 15:58 2
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<style>
    .none{
        display:none;
    }
</style>
<script>
    $(document).ready(function(){
        $('.link a').click(function(e){
            e.preventDefault();
            var link = $(this).attr('href');
            $('div.d').each(function(i,el){
                $(el).hide();
            });
            $('#'+link).show();
        })
    })
</script>
<div style="float:left;margin-right:100px;">
    <ul class="link">
        <li><a href="link_1">link_1</a></li>
        <li><a href="link_2">link_2</a></li>
    </ul>
</div>
<div class="d" id="link_1">я link_1></div>
<div class="d none" id="link_2">я link_2></div>
0
0 / 0 / 1
Регистрация: 19.06.2015
Сообщений: 6
03.10.2015, 18:06  [ТС] 3
Спасибо большое. Но я уже другой скрипт организовал
Javascript
1
2
3
4
5
6
7
8
9
    $('.link > li > a').click(function(event){
        event.preventDefault();
        var tabId = $(this).attr('href');
        $('.link > li > a').removeClass('active');
        $(this).addClass('active');
 
        $('.block_right50 > div').slideUp(300);
        $(tabId).slideDown(300);
    });
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
03.10.2015, 18:06

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь или здесь.

Плавное появление и исчезновение
Всем привет. Хотела, чтобы при наведении на кнопку выпадающий список плавно появлялся, а если...

Div -появление и исчезновение
Здрасти (= надо что бы при нажатие кнопки див невидный становился видным и на оборот ...

Появление/исчезновение блока
Привет! Хочу сделать, казалось бы простую штуку, но не получается. Есть объект...

Появление и исчезновение блока со счетчиком
Добрый день, подскажите, кто знаком, как реализовать на javascript или jquery следующий функционал....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.