Как показать\скрыть блок вместо другого?

Question

[loonely]

Практикуюсь в верстке и пытаюсь воплотить одну идею. Помогите пожалуйста решить вопрос т.к встрял именно на реализации.
Пример:
у меня есть n-количество блоков в которых содержится инфо-ция
У всех одинаковый html, но различие только в контенте который заполняется.
Нужно чтобы при нажатии на кнопку Purchase блок box_buy скрывался и вместо него появлялся блок Box_method
А в блоке method будет кнопка close которая закрывает box_method и снова появляется box_buy

<li>
							<div class="box_buy">
								<div class="coin">9999</div>
								<div class="icon i_coin_0"></div>
								<div class="currency">888</div>
								<div class="btn_buy">
									<a href="#" class="btn">Purchase</a>
								</div>
							</div>
							<div class="box_method" style="display:none">
								<div class="mth_0">1234</div>
								<div class="mth_1">1234</div>
								<div class="mth_2">1234</div>
								<div class="mth_3">1234</div>
								<div class="btn_cls">
									<a href="#" class="btn">Close</a>
								</div>
							</div>
						</li>