Как сделать аккордеон?

Question

[Ylia1234]

Вот первый скрин , при клике на кнопку продолжить закрывался этот блок и открывался следующий , второй скрин при этом появлялся результат заказа с кнопкой и при клике на кнопку изменить открывался опять этот же заказ.
Кусок верстки:



Состав вашего заказа
Изменить

• 
  
  
  
  
  
  
  Smartway U3 Pro + App 6.5" Mercury
  Код:626240
  
  3 689 грн
  
  
  -
  
  +
  
  
  
  -44%
  5 929
  
  3 349 грн
  
  
  
  
  
  
  
• 
  
  
  
  
  
  
  SNS 6.5 Blue
  Код:626240
  
  5 849 грн
  
  
  -
  
  +
  
  
  5 849 грн
  
  
  
  
  
  
  
• 
  
  
  
  
  
  
  Smartway Lambo Led +App 8"
  Код:626240
  
  3 689 грн
  
  
  -
  
  +
  
  
  
  -44%
  5 929
  
  7 378 грн
  
  
  
  
  
  
  • 
    
    Сервисы к Электросамокату SNS 6.5 Blue
    
    
    
    
    
    
    1. Список 1
       
    2. Список 2
       
    3. Список 3
       
    4. Список 4
       
    5. Список 5
       
    
    
    
    
  • 
    
    Аксесуары к Электросамокату SNS 6.5 Blue
    
    
    
    
    
    
    1. Список 1
       
    2. Список 2
       
    3. Список 3
       
    4. Список 4
       
    5. Список 5
       
    
    
    
    
  
  
  

Продолжить оформление




попыталась сделать JS:
$(".next-order__button").click(function () {
var next = $(this).closest('.ordering__listing__block');
if (false == $(this).parent().parent().prev().is(':visible')) {
next.find('.orderingUnion').slideUp();
}
$(this).parent().parent().prev().slideToggle();
});

Comments

[FeST1VaL]

Для вставки кода есть тэг код. Оформите пожалуйста ваш вопрос нормально. А лучше сделайте песочницу на jsfiddle

Answer 1

[FeST1VaL]