<!--HTML-->
<ul class="menu">
    <li tabindex="1">
      <span class="title">JANUARY</span> 
      <div class="content"><align=center>ИГРЫ ТУТ НЕ БЫЛО</align>
</div>
    </li>
    <li tabindex="1">
      <span class="title">FEBRUARY</span> 
      <div class="content">ИГРЫ ТУТ НЕ БЫЛО</div>
    </li>
    <li tabindex="1">
      <span class="title">MARCH </span> 
      <div class="content">ИГРЫ ТУТ НЕ БЫЛО</div>
    </li>
    <li tabindex="1">
      <span class="title">APRIL</span> 
      <div class="content">ИГРЫ ТУТ НЕ БЫЛО</div>
    </li>
    <li tabindex="1">
      <span class="title">MAY</span> 
      <div class="content">ИГРЫ ТУТ НЕ БЫЛО</div>
    </li>
    <li tabindex="1">
      <span class="title">JUNE</span> 
      <div class="content">ИГРЫ ТУТ НЕ БЫЛО</div>
    </li>
    <li tabindex="1"> 
      <span class="title">JULY</span>
      <div class="content">
<a href="http://young.f-rpg.ru/viewtopic.php?id=184#p13182">[017] what doesn't kill you makes you stronger</a> - 6 июля, 17:30<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=160#p10615">[013] the future seems to stay unknown</a> - 10 июля, ~ 14:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=101#p4743">[009] interlacing</a> 13 июля, ~ 13:00<br>
</div>
    </li>
    <li tabindex="1"> 
      <span class="title">AUGUST</span>
      <div class="content">
<a href="http://young.f-rpg.ru/viewtopic.php?id=82#p3239">[005] deja vu</a> - 12 августа 2024, ~ 18:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=211#p16586">[020] many shades of black</a> - 17 августа, 18:30<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=190#p14070">[018] butterflies and hurricanes</a> - 19 сентября, ~ 22:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=194#p14379">[019] you are an idiot, dattebayo</a> - 19 августа, ~ 23:30<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=327#p27145">[036] old friends</a> - 30 августа, ~ 17:00<br>
</div>
    </li>
    <li tabindex="1"> 
      <span class="title">SEPTEMBER</span>
      <div class="content">
<a href="http://young.f-rpg.ru/viewtopic.php?id=438#p43304">[050] That I'm always thinking of you</a> - 1 сентября, 19:30<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=268#p20760">[025] burn the pages</a> -  4 сентября, 12:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=320#p26173">[035] Human emotion</a> 5 сентября, 14:30<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=231#p17040">[021] Retrospect</a> - 5 сентября, ~ 19:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=256#p19559">[023] bad habits</a> - 5 сентября, 20:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=253#p19262">[022] come back to me</a> - 7 сентября, 02:30<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=295#p23448">[029] Will we all just burn like fire</a>  - 12 сентября,  12:30<br> 
<a href="http://young.f-rpg.ru/viewtopic.php?id=388#p37172">[044] Когнитивный диссонанс</a> - 14 сентября, 14:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=300#p24189">[031] Run for your life</a> - 15 сентября,  15:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=447#p44264">[051] Семейные разборки</a> - 18 сентября<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=311#p25451">[034] accidental impacts</a> - 19 сентября, 8:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=380#p36263">[042] Sometimes fortune smiles at me... But somehow IRONICALLY?</a> - 19 сентября, 18:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=351#p32008">[037] Not coming home</a> - 20 сентября, 17:50 <br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=296#p23449">[030] You will never know</a> - 23 сентября, 9:10<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=291#p23279">[027] Bad books are worse than useless</a> - 27 сентября, 17:20<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=379#p35547">[41] Baby it's not alright</a> - 30 сентября, 21:10<br>
</div>
    </li>
    <li tabindex="1"> 
      <span class="title">OCTOBER</span>
      <div class="content">
<a href="http://young.f-rpg.ru/viewtopic.php?id=402#p38978">[047] game or riot</a> - 10 октября, 12:30<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=383#p36730">[043] Who have mercy on your soul</a> - 12 октября, 11:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=420#p41421">[049] Forrest Gump</a> - 25 октября, 22:47<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=367#p34056">[039] So they dug your grave</a> - 30 октября, 22:00<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=404#p39045">[048] Еб вашу мать!</a> - 29 октября, 17:30<br>
<a href="http://young.f-rpg.ru/viewtopic.php?id=368#p34058">[040] Mirage of Verity</a> - 31 октября, 21:30<br>
</div>
    </li>
    <li tabindex="1"> 
      <span class="title">NOVEMBER</span>
      <div class="content">ИГРЫ ТУТ НЕ БЫЛО</div>
    </li>
    <li tabindex="1"> 
      <span class="title">DECEMBER</span>
      <div class="content">ИГРЫ ТУТ НЕ БЫЛО</div>
    </li>
  </ul>

	<script>
	  (function(){
	  
    // Добавялем кнопку закрытия каждому блоку
    $('.menu .content').append('<span class="close">x</span>');    
    // Выводим окно
    function showContent(elem){
    	hideContent();
    	elem.find('.content').addClass('expanded');
    	elem.addClass('cover');	
    }
    // Сбрасываем все
    function hideContent(){
    	$('.menu .content').removeClass('expanded');
    	$('.menu li').removeClass('cover');    
    }
    
    // Когда элемент li нажат, выводим окно с его содержанием и позиционируем поверх всего
    $('.menu li').click(function() {
    	showContent($(this));
    });    
    // Содержание будет также выводиться с помощью нажатия клавиши ENTER
    $('.menu li').keypress(function(e) {
    	if (e.keyCode == 13) { 
        showContent($(this));
    	}
    });

    // Когда нажат верхний правый элемент, сбрасываем все
    $('.menu .close').click(function(e) {
    	e.stopPropagation();
    	hideContent();
    });    
    // Также сброс происходит по нахатию клавиши ESC
    $(document).keyup(function(e) {
    	if (e.keyCode == 27) { 
    	  hideContent();
    	}
    });
    
	  })();
	</script>

[size=14][b][/b][/size]
[b]Тип[/b]: личный эпизод. 
[b]Дата[/b]: 
[b]Место[/b]: 
[b]Участники[/b]:

[quote][/quote]