Как сделать переход между div?

Question

[d4c4237abc]

Есть два блока, как сделать чтобы второй блок с моделями открывался при нажатии на кнопку, а этот скрывался.

<div class=" four-block second-block">
		
		<div class="container-fluid">
			<!--<div class="row">
				<div class="col-md-6 offset-md-3 text-center">
						<p>Цена на ремонт</p>
						<p>в стоимость включенна цена детали и работа мастера</p>
						<button class="btn-continion offset-md-3">Открыть прайс-лист</button>
						<img src="img/right-arrow.png" alt="" id="string">
				</div>
				</div>-->
				<div class="row text-center">	
					<div class="col-12">Какое у вас устрйоство?	</div>
				<div class="col-2 offset-3">
					<button>iphone 4s</button><br>
					<button>iphone 5s</button><br>
					<button>iphone 6+ </button><br>
					<button>iphone 8</button>
				</div>
				<div class="col-2">
					<button>iphone 5</button><br>
					<button>iphone 6</button><br>
					<button>iphone 7</button><br>
					<button>iphone 8+</button>
				</div>
				<div class="col-2">
					<button>iphone 5c</button><br>
					<button>iphone 6s</button><br>
					<button>iphone 7+</button><br>
					<button>iphone X</button>
				</div>
			</div>
			
		</div>
	</div>

Comments

[Ольга Ветер]

jquery.page2page.ru/index.php5/%D0%9F%D0%BE%D1%8F%...

Но вам бы над самой версткой еще поработать, прежде чем в JS/jQuery закапываться... Всё далеко от "хорошо".

Answer 1

[Tizi]

$('.box').addClass('hidden');
$('.box2').removeClass('hidden');

Comments

[d4c4237abc]

оказалось, все проще

$( "#btn-1" ).click(function() {
  $( "#one" ).hide( "slow" );
});
$( "#btn-1" ).click(function() {
  $( "#two" ).show( "slow" );
});

[d4c4237abc]

а да, и dislpay: none; в css для #one

Answer 2

[Vladimir]

document.getElementsByTagName(‘button’)[0].onclick = function (){
document.getElementsByClassName(‘container-fluid’)[0].style.display = ‘none’;
document.getElementsByClassName(‘row text-center’)[0].style.display = ‘block’;
}
И в css установить для .row text-center{
display:none;
}
Чтобы элемент не было видно до клика по кнопке