Issue

I am using an accordion style to display a set of information on a site. All correct information is displayed, but the accordion items are not collapsed. Please find my code below. Function and variable names may contain typos as I renamed them for privacy. Am I missing something in the accordion class? Are there any extra links needed in the HTML header to make it work?

    
            

                

                    
                
                

                    

                        

                            
Location: 
                            
blah1: /blah2: 
                            

                                

                                
                                
                                blahblah
                                sheblah
                                
                            
                        
                        
                            ";
                                echo "";
                                echo "";
                                if ($blahNumber != "null") {
                                    echo "";
                                    echo "";
                                    echo "";
                                }
                                other than that {
                                    echo "";
                                    echo "";
                                    echo "";
                                }
                                if ($blahType == 5) {
                                    echo "";
                                }
                                otherwise ($blahType == 11) {
                                    echo "";
                                }
                                other than that {
                                    echo "";
                                }
                                echo "\n";
                            }
                            ?>
                        

                        
                            

                                
well
                                
somehow status
                                
Something
                                
Brabat
                                
Bra Type
                                
Something button
                            
${x}
${blahStatus}
${blahNumber}
${blahLevel}
${blahType}
N/A
N/A
N/A
 

                                    
                                    Push button
                                    
                                    
somehow placeholder
N/A
                        
                    
                
            
            
    
 

Solution

You also needs to include the bootstrap js files in your code in order to make accordion work properly, just include the below script:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

Answered By – Mohammad Ajram

Answer Checked By – Gilberto Lyons (Easybugfix Admin)

Tags: bootstrap-5, css, html, php, twitter-bootstrap