Using bootstrap collapse with angularjs

Question

I\'m trying to include the below bootstrap collapsible panel in my angular application. However, when I click on \"Expand\", angular seems to see href=\"#collapseOne\"

Answer 1

Click the buttons below to show and hide another element via class changes:

• collapse hides content

• collapsing is applied during transitions

• collapse.in shows content

You can use a link with the href attribute, or a button with the data-target attribute. In both cases, the data-toggle="collapse" is required.

check this example below.

Bootsrap Example

   

      

      

       
        Expand
       
     
   
   

      

    ...