Показать сообщение отдельно
  #3 (permalink)  
Старый 30.12.2016, 20:31
Профессор
Отправить личное сообщение для DivMan Посмотреть профиль Найти все сообщения от DivMan
 
Регистрация: 08.03.2016
Сообщений: 429

А зачем использовать call, если без него работает?

<!DOCTYPE html>
<html>

  <head>
    <style>
      span{
        display: inline-block;
        margin-right: 10px;
      }

      .content{
        width: 130px;
      }

      .none{
        display: none;
      }
  </style>
  </head>

  <body>
    	<span class='tab'>Tab1</span>
  <span class='tab'>Tab2</span>
  <span class='tab'>Tab3</span>

<div class="content">
  <div class="c">aaaa a aaaaa  aaaaaa a a a a aaaaaa  aaaaaa aaaaa</div>
  <div class="c none">bbbb bbbb bbbbb bbbb bbbb bbbbb bbbb bbbbb bbbb bbbbb</div>
  <div class="c none">ccc ccccc cccccc ccccc cccccc ccccc ccccc</div>
</div>

<script>
var tabs = document.querySelectorAll(".tab");
var con = document.querySelectorAll(".c");
var temp = con[0];

tabs.forEach(function(item,i){
	item.addEventListener("click", function() {
        temp.classList.add("none");
        temp = con[i];
        temp.classList.remove("none")
    })
})
</script>
  </body>

</html>
Ответить с цитированием