Как реализовать переключение меню?

Question

[Влад]

Код приведён ниже. Подскажите, пожалуйста, как реализовать, чтобы при клике по SPAN соответствующий становился видимым, а остальные прятались? CSS или Javascript не имеет значения...
Я запутался.. в ступоре..

<span>20160411</span>
<span>20160412</span>
<span>20160413</span>

<ul class='tv'>
<li id="20160411"><div id="programm_text"></div><div id="programm_text"></div></li>
<li id="20160412" style="display:none"><div id="programm_text"></div><div id="programm_text"></div></li>
<li id="20160413" style="display:none"><div id="programm_text"></div><div id="programm_text"></div></li>
</ul>

Answer 1

[Максим Тимофеев]

Это называется аккордион или collapse. Примеров в сети миллион:
вот getbootstrap.com/javascript/#collapse
или https://yandex.ru/search/?text=jquery%20аккордеон&...

Comments

[Максим]

я думал ему надо решение на его примере ! так конечно только не акордион а таб

[Максим Тимофеев]

Максим Жаров: getbootstrap.com/javascript/#collapse вполне подойдет.

[Максим Тимофеев]

Максим Жаров: Да и просто на jquery написать - там 5 строчек кода

[Влад]

Максим Тимофеев: Максим Жаров: сделал по примеру jqueryui.com/accordion

подключил скрипты и сделал такое оформление.. не помогло! что не так?(
multmult.ru/20345-test.html
pastebin.ru/x1waeRUN

[Максим Тимофеев]

Влад: И где там что кликать? Я там не вижу, что Вы скрывать показывать собираетесь

[Влад]

Максим Тимофеев: вот названия разделов
20160411
20160412
20160413

и у каждого из них есть , которые и надо прятать.. так понятнее?...

[Влад]

Максим Тимофеев: pastebin.ru/pz67MIMN

[Максим Тимофеев]

Влад: у вас <script>$( "#accordion" ).accordion();</script> а в примере

<script>$(function() {
    $( "#accordion" ).accordion();
  });</script>

[Максим]

Максим Тимофеев: да я то знаю как это делается ! вот подойдёт ли это топикстартеру не знаю

[Максим Тимофеев]

Максим Жаров: Видимо да.

[Влад]

Максим Тимофеев: арррр! снова моя невнимательность! работает! спасибо вам большое!! прекрасного вам дня!! :)

[Максим]

Влад: я не увидел у вас там аккордиона

[Максим Тимофеев]

Влад: И Вам того же

Answer 2

[Максим]

ну если интересует совсем типа тупого переключения то можно на якорях , можно так же собрать tab , на ум больше ни чего не приходит