аккордеон, раскрытие активного пункта меню
 

есть трехуровневое меню вида <ul> <li> и jQuery аккордеон в котором при загрузке страницы всегда раскрывается первый список второго уровня.
вопрос: как сделать чтобы раскрывался активный(класс .active) список второго уровня

function initMenu() {
  $('.topnav ul li ul').hide();
  $('.topnav ul li ul:first').show();
  $('.topnav li ul li a').click(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('.topnav ul li ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
        }
      }
    );
  }
$(document).ready(function() {initMenu();});

Покажите живой пример