起こった現象
bootstrapでiOSのSafariでアコーディングメニューが使えなかったので、修正方法をメモ
問題のコード(クリックしても何もおきない)
<a data-toggle="collapse" data-target="#target">Open</a>
解決法
何パターンか修正方法があるらしい。が、ここでは2パターンのみで
・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>
後者の方を採用して、cssに組み込みます。
・css
a#ios {
cursor: pointer;
}
・html
<a id="ios" data-toggle="collapse" data-target="#target">Open</a>
a#ios
なんで <a id="ios"></a>
にしか反応しません。