Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Переключатель блоков (https://javascript.ru/forum/dom-window/71266-pereklyuchatel-blokov.html)

mrgreenask01 05.11.2017 20:55

addClass removeClass hasClass
 
<button class="a switched"></button>
<button class="b"></button>
<button class="c"></button>
<div class="block-1></div>
<div class="block-2 hidden></div>
<div class="block-3 hidden></div>

В JS не силен, но я дурак взялся за проект без нужных даже элементарных знаний, вообщем суть вопроса:
При нажатии на btn с class="b" класс switched убирался с первой кнопки и ставился на class="b", а так же на block-1 ставился класс hidden, а с block-2 убирался, аналогично с block-3 и 3-й кнопкой

Я так понимаю, что нужно использовать addClass, removeClass, hasClass и т.д, но не понимаю элементарной логики постороения JS скриптов

рони 05.11.2017 21:53

mrgreenask01,
форум - поиск - открывашка

chellas88 09.11.2017 21:25

Так не катит?
<button id="1" class="btn">btn1</button>
<button id="2" class="btn">btn2</button>
<button id="3" class="btn">btn3</button>
<div class="block1">block 1</div>
<div class="block2">block 2</div>
<div class="block3">block 3</div>


.switched{
  background: red;
  color: #fff;
}


$(function(){
	$('.btn').click(function(){
  	var item = $(this).attr('id');
  	$('.btn').removeClass('switched');
    $('#' + item).addClass('switched');
    $('div').show();
    $('.block' + item).hide();
  });
});


Часовой пояс GMT +3, время: 10:36.