Using slide panel disable links underneath

Using slide panel disable links underneath

Hello,

I have a slide panel in a "layer" (absolute position DIV with z-index:10) this panel cover a navigation which is on z-indez:0.

Unfortunately when the panel slides up to reveal the navigation, all the links are inactive. Is there a way to prevent that ?

my code is :

$(document).ready(function(){
 $('#panel').hide(); // Hide div by default
    $(".btn-slide").click(function(){
      $("#panel").slideToggle("slow");
      $(this).toggleClass("active");
    });

});