Данный js код работает только на первом блоке .cake1, какие нужно внести изменения что бы он работал на всех блоках?

Question

[Илья П]

$(function() {
            $('#buttom-order-cake').click(function() {
                    $('#window-cake-details').removeClass('active');
                    $('#window-cake-order').addClass('active');
            });
			            $('a.close').click(function() {
                    
					 $('#window-cake-details').addClass('active');
                    $('#window-cake-order').removeClass('active');
                    
            });
    });

По клику на buttom-order-cake, блок window-cake-details должен исчезнуть, а window-cake-order появиться на его месте.
А close должна вернуть все в исходное.

<div class="window-cake cake1">
	<a href="#" class="close">Close</a>
		<div id="window-cake-details" class="window-cake-details active">
			<div id="buttom-order-cake">оформить заказ</div>
		</div>
		
		<div id="window-cake-order" class="window-cake-order">
			<a href="#" id="buttom-order-cake">оформить заказ</a>
		</div>
</div>

<div class="window-cake cake2">
	<a href="#" class="close">Close</a>
		<div id="window-cake-details" class="window-cake-details active">
			<a href="#" id="buttom-order-cake">оформить заказ</a>
		</div>
		
		<div id="window-cake-order" class="window-cake-order">
			<div class="title-block-order">Оформление заказа</div>
		</div>
</div>

Прошу не судить строго,только недавно начал знакомиться с js, сломал всю голову над данным решением, перепробывал кучу вариантов но все не то. Надеюсь на вашу помощь. Если не сложно скиньте пример кода. Заранее спасибо!

Answer 1

[Anton Filippov]

На странице не должно быть несколько элементов с одинаковым id!

Используйте классы и https://api.jquery.com/parent/, https://api.jquery.com/find/ чтобы реализовать, то что вы задумали.

Comments

[Илья П]

Я такое пробовал,но тогда проблема в том, что у меня для каждого блока был отдельный скрипт,а блоков очень много. А как написания код, который бы узнавал id элемента знаний пока не хватает.

[Anton Filippov]

Илья П, не должно быть отдельного скрипта для каждого блока, я же кинул вам две ссылки, которые помогут сделать универсальное решение.
Или вы ожидаете, что я сделаю всю работу за вас? Я не оказываю медвежьи услуги, если вам нужен бесплатный раб, обращайтесь к Фарход Данияров

[Илья П]

нет мне не нужен раб,мне нужен ответ,всю информацию что вы дали я обязательно изучу. спасибо!