Problema con desplegable Jquery

[manuel_serpiente]

Hola buenas soy nuevo en el foro y novato en lo que se refiere a crear paginas web ahora estoy de practicas en una empresa y me a surgido un problema e creado un menú desplegable abajo utilizando Jquery y e puesto 2 pestañas, las dos pestañas me funcionan perfectamente el problema es que pulso una se abre pulso la otra y también se abre, al desplegarse desde abajo y que se abran las 2 y ocupar el 100% del ancho de la pagina se me come casi toda la pantalla lo que yo querría es saber como poner que al abrirse una pestaña la otra no pudiera. Este es el código que utilizo para la función:

var j = jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#open").click(function(){
jQuery("div#panel").slideDown("slow");


});
jQuery("#abrir").click(function(){
jQuery("div#videos").slideDown("slow");

});
jQuery("#close").click(function(){
jQuery("div#panel").slideUp("slow");
});
jQuery("#cerrar").click(function(){
jQuery("div#videos").slideUp("slow");
});

jQuery("#toggle a").click(function () {
jQuery("#toggle a").toggle();
});
jQuery("#toggl a").click(function () {
jQuery("#toggl a").toggle();
});

});