How to make an accordion?

Question

Frontend

Here is the first screen , when you click on the continue button, this block is closed and the next one opens, the second screen shows the result of the order with the button, and when you click on the change button, the same order opens again.
Typesetting piece:



Contents of your order
Edit

• 
  
  
  
  
  
  
  Smartway U3 Pro + App 6.5" Mercury
  Code:626240
  
  3 689 UAH
  
  
  -
  
  +
  
  
  
  -44%
  5 929
  
  3 349 UAH
  
  
  
  
  
  
  
• 
  
  
  
  
  
  
  SNS 6.5 Blue
  Code:626240
  
  UAH 5 849
  
  
  -
  
  +
  
  
  UAH 5 849
  
  
  
  
  
  
  
• 
  
  
  
  
  
  
  Smartway Lambo Led +App 8"
  Code:626240
  
  3 689 UAH
  
  
  -
  
  +
  
  
  
  -44%
  5 929
  
  7 378 UAH
  
  
  
  
  
  
  • 
    
    Services for Electric Scooter SNS 6.5 Blue
    
    
    
    
    
    
    1. List 1
       
    2. List 2
       
    3. List 3
       
    4. List 4
       
    5. List 5
       
    
    
    
    
  • 
    
    Accessories for Electric Scooter SNS 6.5 Blue
    
    
    
    
    
    
    1. List 1
       
    2. List 2
       
    3. List 3
       
    4. List 4
       
    5. List 5
       
    
    
    
    
  
  
  

Continue styling




tried to do 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();
});

Answer 1