Есть таблица с collapsible- елементами
____________
| A | B | C |
____________
| content A |
| content B |
| content C |
____________
{|class="wikitable" width="100%" valign="center" align="center"
|-
! class="mw-customtoggle-A" |'''A'''
! class="mw-customtoggle-B" |'''B'''
! class="mw-customtoggle-C" |'''C'''
|-
|colspan="3" |
<div id="mw-customcollapsible-A" class="mw-collapsible mw-collapsed">
content A
</div>
<div id="mw-customcollapsible-B" class="mw-collapsible mw-collapsed">
content B
</div>
<div id="mw-customcollapsible-C" class="mw-collapsible mw-collapsed">
content C
</div>
|}
Хочу реализовать
штатными способами:
---------------
изначально развернут content А остальные свернуты (но начальное состояние - не принципиально)
при нажатии на А разворачивается content А, сворачиваются content В и content С (при повторном нажатии на А ничего не меняется)
при нажатии на В разворачивается content В, сворачиваются content А и content С (при повторном нажатии на В ничего не меняется)
при нажатии на С разворачивается content С, сворачиваются content А и content В (при повторном нажатии на С ничего не меняется)
--------------
Может как-то прикрутить display: none; display: block;
Может есть способ штатными способами реализовать не "mw-customtoggle" - переключатель, а "включатель" или "выключатель"?
, не от хорошей жизни.