How to prevent accordion from toggling when button in header is clicked?

Question

I'm using bootstrap's accordion class and want to have buttons in the header that can be clicked without toggling the accordion. Here's example HTML: ```

title

test

panel content

``` I tried using an `onclick` handler with `e.preventDefault();` to stop the accordion from triggering, but it didn't work: ``` window.foo = function(e) { console.log("foo"); $(".body").append("
foo"); e.preventDefault(); } ``` JSFIDDLE How can I prevent…

Accepted Answer

You want to stop event bubbling, so you use `stopPropagation`:

```
window.foo = function(e) {
    e.stopPropagation();
}
```

Demo: http://jsfiddle.net/Bye8K/3/

How to prevent accordion from toggling when button in header is clicked?

Solution

Problem

Related problems