toggle.md

Задача: сделать появляющееся что-то с помощью javascript

%ul#list
  %li
    %a.togglelink{:href => "#"} America
    .toggle{:style => "display: block;"}
      %p America - USA - the States
  %li
    %a.togglelink{:href => "#"} Brazil
    .toggle{:style => "display: block;"}
      %p Brazil - Federative Republic of Brazil


:javascript
  $(document).ready(function () {
    $('.toggle').hide();
    $('a.togglelink').on('click', function (e) {
        e.preventDefault();
        var elem = $(this).next('.toggle')
        $('.toggle').not(elem).hide('slow');
        elem.toggle('slow');
    })
  });

Это пример, просто примени его у себя и поймешь, что тебе делать)))