data-toggleがiOSで動かないとき

BootstrapでiOSのSafariでアコーディングメニューが使えなかったので、修正方法をメモ

問題のコード（クリックしても何もおきない）

<a data-toggle="collapse" data-target="#target">Open</a>

何パターンか修正方法があるらしい。が、ここでは２パターンのみで

・href属性を追加

<a data-toggle="collapse" data-target="#target" href="#target">Open</a>

・cursorスタイルを追加

<a data-toggle="collapse" data-target="#target" style="cursor: pointer;">Open</a>

1個1個style追加するの面倒なんで、cssに組み込みます。

・css

a#ios {
    cursor: pointer;
}

・html

<a id="ios" data-toggle="collapse" data-target="#target">Open</a>

a#ios なんで aタグのid="ios"　にしか反応しません。