$(function(){
  $('.left-header').prepend('<div class="gh"><svg class="top" viewbox="0 0 96 96" width="100%"><rect width="32" height="5" x="32" y="46"></rect></svg><svg viewbox="0 0 96 96" width="100%" class="mid"><rect width="32" height="5" x="32" y="46"></rect></svg><svg viewbox="0 0 96 96" width="100%" class="bottom"><rect width="32" height="5" x="32" y="46"></rect></svg></div>');     
  
  $('.gh').click(function(){
    if($('.left-header').hasclass('selected')){
      $('.left-header').removeclass('selected');
    }                   
    else{
      $('.left-header').addclass('selected') 
    }         
  })
  
    // $('.nav li').hover(function(){
    //   $(this).addclass("selected");
    //   $(this).find('.sub').show();
      
    // },
    // function(){
    //   $(this).find('.sub').hide();
    //   $(this).removeclass("selected");
    // })
    
    // $('.nav li .sub dd').hover(function(){
    //   $(this).addclass("selected");
    // },
    // function(){
    //   $(this).removeclass("selected");
    // })

    // $('.nav li .sub dd').hover(function(){
    //   $(this).find('sub02').addclass("selected");
    // },
    // function(){
    //   $(this).find('sub02').removeclass("selected");
    // })
    
})