buenas estoy haciendo una oagina web con javacript uyilizando la libreria jquery, pero tengo una pequeño error ella que cuando le dan en el menu a la seleccion que quieren ir no hace nada solo cumple con la funcion de sellecionado estube revisando el codigo no se si es por que no se puse urf pero bueno aqui le dejo el codigo espero su ayuda
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>inicio</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 1.22" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script src="js/jquery-1.4.4.min.js"></script>
<!--
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
-->
<script src="js/slides.min.jquery.js"></script>
<link rel="stylesheet" href="foro.css">
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
<!----------------------cargar una parte de la pag-------------------->
function carga(pagina, menu){
$.ajax({
url : pagina,
cache : false,
success : function(object,status,response){
$("#principal").html(response.responseText);
}
});
$("#menu div").removeClass('bActivo').css("color","#000000" );
$("#m"+menu).addClass('bActivo').css("color","#fff fff");
}
<!-------------------------fin---------------------------------------->
$(function(){
$("#mensaje").dialog({
hide:"explode",
modal:"true"
});
});
</script>
</head>
<body>
<!------------------------------menu pagina------------------------>
<div id="menu">
<div id="m1" "javascript
:void(0)"
onClick="javascript
:carga('ayuda.html',1)"> historia: </div>
<div id="m2" "javascript
:void(0)"
onClick="javascript
:carga('koi.html',2)"> video: </div>
<div id="m3" "javascript
:void(0)"
onClick="javascript
:carga('galery.html',3)"><a href="galery.html"></a> galeria: </div>
</div>
<!----------------------------------------------------------------->
<div id="container">
<div id="example">
<div id="slides">
<div class="slides_container">
<a href="" title="arte " target="_blank"><img src="images/img132.jpg" width="1000" height="270" alt="muestra 1"></a>
<a href="" title="" target="_blank"><img src="images/img131.jpg" width="1000" height="270" alt="muestra 2"></a>
<a href="" title="" target="_blank"><img src="images/img120.jpg" width="1000" height="270" alt="muestra 3"></a>
<a href="" title="" target="_blank"><img src="images/img121.jpg" width="1000" height="270" alt="muestra 4"></a>
<a href="javascript
:void(0)" title="" target="_blank"><img src="images/img118.jpg" width="1000" height="270" alt="muestra 5"></a>
<a href="javascript
:void(0)" title="" target="_blank"><img src="images/img127.jpg" width="1000" height="270" alt="muestra 6"></a>
<a href="javascript
:void(0)" title="" target="_blank"><img src="images/img132.jpg" width="1000" height="270" alt="muestra 7"></a>
</div>
<a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</div>
<img src="img/example-frame copia.png" width="1024" height="341" alt="Example Frame" id="frame">
</div>
<div id="footer">
hola mundo cruel
</div>
</div>
</body>
</html>