How to make a Bootstrap accordion collapse when clicking the header div?

Question

In a Bootstrap accordion, instead of requiring a click on the a text, I want to make it collapse when clicking anywhere in the panel-heading div.

Answer 1

Here is the working example for Bootstrap 4.3

                

                    

                        

                            
                                Collapsible Group Item #1
                            
                        
                    

                    

                        

                            
                        
                    
                
                

                    

                        

                            
                                Collapsible Group Item #2
                            
                        
                    
                    

                        

                            
                        
                    
                
                

                    

                        

                            
                                Collapsible Group Item #3