Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.78/18: Рейтинг темы: голосов - 18, средняя оценка - 4.78
10 / 10 / 13
Регистрация: 25.04.2012
Сообщений: 1,156
1

Включить выключить блок

07.07.2014, 15:49. Просмотров 3223. Ответов 1
Метки нет (Все метки)


Добрый день, нужна помощь как сделать на js, jquery такую задачку, есть три блока один из них тоесть 1 блок всегда display:block; два других выключены, надо чтобы кликнув по 2 или 3 выкл. 1ый , и включался тот по которому кликнули

Добавлено через 1 минуту
HTML5
1
2
3
4
5
6
<div class="block-1"></div>
<div class="block-2"></div>
<div class="block-3"></div>
<ul class="list-1></div>
<ul class="list-2></div>
<ul class="list-3></div>
CSS
1
2
3
4
5
6
7
.list-2 {
   display:none;
}
 
.list-3 {
   display:none;
}
Добавлено через 25 секунд
сами блоки всегда включены меняется только список
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
07.07.2014, 15:49
Ответы с готовыми решениями:

Включить и выключить звук
Здраствуйте. Может кто нибуть помочь мне разобратся в том как можно сделать так что бы при желание...

Кнопка - Включить/выключить звук
Предположим, что у меня на сайте играет фоновая музыка, также есть кнопка &quot;выключить звук&quot;. Как...

Включить/выключить звук на сайте
Доброе время суток, возник вопрос как можно на сайте включать и отключать звук? Прочитал много...

Как со скрипта включить/выключить кнопку?
Как со скрипта менять свойство disubled?

__________________
Помогаю в написании курсовых работ и дипломов здесь.
Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
1
Developer
413 / 361 / 71
Регистрация: 27.02.2012
Сообщений: 1,329
Записей в блоге: 85
07.07.2014, 17:37 2
Лучший ответ Сообщение было отмечено sendxt как решение

Решение

sendxt, рабочий пример

CSS
1
.none { display: none; }
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="blokc__tabs">
 
          <div class="b-tabs__header">
              <a class="b-tabs__link" href="#first"> первый </a> | 
              <a class="b-tabs__link" href="#next"> следующий </a> | 
              <a class="b-tabs__link" href="#last"> последний  </a> | 
              <a class="b-tabs__link" href="#more"> ещё  </a>
          </div>
 
          <div class="b-tabs__body">
              <div class="b-tabs__tab " id="first">
                    блок первый
              </div>
              <div class="b-tabs__tab none" id="next">
                  блок следующий
              </div>
              <div class="b-tabs__tab none" id="last">
                  блок последний
              </div>
          </div>
 
      </div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(document).delegate(
              '.b-tabs__link',
              'click',
              function(e)
              {
                  e.preventDefault();
 
                  var   cls = $(this).attr('href'),
                        obj = $( cls );
 
                  if ( obj.length == 0 )
                  {
                      alert( 'Блок ' + cls + ' не найден' );
                      return false;
                  }
                  else
                  {
                      $('.b-tabs__tab').removeClass('none').addClass('none');
                      obj.removeClass('none');
                  }
              }
          );
Добавлено через 9 минут
Так же в JS строка №18 может быть такой:
Javascript
1
$('.b-tabs__body').find('.b-tabs__tab').attr('class','b-tabs__tab none');
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
07.07.2014, 17:37

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

Включить и Выключить рубильник
С новым годом, ребята... У моего друга в биллиардной, ест &quot;рубильник&quot;, он соеденяется с компом,...

ЗдКнопка включить-выключить
Здравствуйте помогите найти где изменить значение этой кнопки. На данный момент значение &quot;on&quot;/...

Включить выключить свет программно
Народ кинул на сцену компонент Light со свойством Directional Light теперь как его включить...

Программно включить/выключить CapsLock
Хочу сделать при нажатии на кнопку включалась caps lock или отключалась где ошибка не работает...


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

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

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