Bootstrap 4 | Collapse other sections when one is expanded

Question

I am working on bootstrap 4 Collapse. Wanted to collapse other sections when one is expanded

So far i did is :

HTML

Answer 1

Make use of data-parent attribute:

    

        
            content 1
        
        
            Content 2
        
    

    

        

            Content 1 here 
        
    
    

        

            Content 2 here 
        
    

I added the id to your container and also added the data-parent to your content sections, referencing this container through the id.