Не работают табы

WebNewbe · July 18, 2017

Здравствуйте. Верстал макет, нужно было подключить табы(первый раз с ними работаю). Подключил, вроде все как надо сделал, ничего не произошло. Решил в отдельном файле проверить,в итоге все равно ничего, уже голова не варит, мб я что-то очевидное не вижу?

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<style>
		.wrapper .active { color: red; }
		.tab_item {
			display: none;
		}
		.tab_item:first-child {
			display: block;
		}
	</style>
</head>
<body>
	<div class="wrapper">
	    <div class="tabs">
	        <span class="tab">Вкладка 1</span>
	        <span class="tab">Вкладка 2</span>
	        <span class="tab">Вкладка 3</span>        
	    </div>
	    <div class="tab_content">
	        <div class="tab_item">Содержимое 1</div>
	        <div class="tab_item">Содержимое 2</div>
	        <div class="tab_item">Содержимое 3</div>
	    </div>
	</div>
	<script>
		$(".tab_item").not(":first").hide();
		$(".wrapper .tab").click(function() {
				$(".wrapper .tab").removeClass("active").eq($(this).index()).addClass("active");
				$(".tab_item").hide().eq($(this).index()).fadeIn()
		}).eq(0).addClass("active");

	</script>
</body>
</html>

Николя223 · July 18, 2017

так как то

http://jsfiddle.net/352o0pef/1/

WebNewbe · July 20, 2017

Благодарю

Edited July 20, 2017 by WebNewbe

Sign In

Не работают табы

Question

WebNewbe

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Николя223

Link to comment

Share on other sites

WebNewbe

Link to comment

Share on other sites

Join the conversation

Similar Content

Обсуждения

Forums

Important Information