const lopener = '<b class="opener"> ◂</b>',
      ropener = '<b class="opener">▸ </b>',
      lcloser = '<b class="closer"> ▾</b>';
      rcloser = '<b class="closer">▾ </b>';
$(document).ready(function() {
    $('#left-side .relevant h6').append(lopener).append(lcloser);
    $('#right-side .relevant h6').prepend(ropener).prepend(rcloser);
    $('.side .relevant').each(function() {
        if($.cookie($(this).attr('id'))) {
            $(this).addClass('open');
            $('ul', this).css('display', 'block');
        } else {
            $(this).addClass('closed');
            $('ul', this).css('display', 'none');
            $('ul', this).slideUp();
        }
    });
    $('.side .relevant').click(function() {
        $('ul', this).slideToggle();
        if($(this).is('.open')) {
            $(this).removeClass('open').addClass('closed');
            $.cookie($(this).attr('id'), null, {path: '/', expires: -1});
        }
        else {
            $(this).removeClass('closed').addClass('open');
            $.cookie($(this).attr('id'), true, {path: '/', expires: 8});
        }
    });
});