## 起こった現象
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>`

後者の方を採用して、cssに組み込みます。

・css

![img](/mosaic-code.jpg)

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

`a#ios` なんで `<a id="ios"></a>`　にしか反応しません。
[cv:issue_marketplace_engineer]

## 起こった現象
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>`

後者の方を採用して、cssに組み込みます。

・css

```css
a#ios {
    cursor: pointer;
}
```

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

`a#ios` なんで `<a id="ios"></a>`　にしか反応しません。
[![image](https://firebasestorage.googleapis.com/v0/b/issue-pro-42602.appspot.com/o/topics%2F17fa658b-53c7-4ca0-a28b-e588ed1bd371?alt=media&token=2c00afff-85ff-4428-8d15-696ab676dcb0)](https://i-ssue.com/lp/check_salary)

起こった現象

解決法

続きを読むには単価診断を受けてください（30秒）