Tengo un pequeño problemilla cuando llamo a una pagina con el .load claro esta que me llama el archivo pero ademas uso la callback de la funcion .load para dar el efecto fold a dicho div el problema esta que no le da el efecto de fold al div este es el script jquery
Código:
$(document).ready(function(){
$("#Nota").click(function(evento){
evento.preventDefault();
$("#contenido").load("NotaRegistro.php",function(){
$("#contenido").show("fold",{size:20}, 1000);
return false
});
});
});
y el html
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/bootmetro.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/icomoon.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/metro-ui-light.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/cssIndex.css"/>
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootmetro.js"></script>
<script type="text/javascript" src="JsMenuTecnico.js"></script>
<title></title>
</head>
<body>
<div class="bs-docs-example">
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="">SAGSTC</a>
<div class="nav-collapse collapse navbar-responsive-collapse">
<ul class="nav">
<li id="Nota"><a href=""><span class="icon-clipboard"></span> Nota De Registro</a></li>
<li><a href="" class="external"><span class=" icon-briefcase-2"></span> Almacen De Refacciones</a></li>
<li><a href="https://www.google.com/"><span class=" icon-users"></span> Clientes</a></li>
<li><a href="https://www.google.com/"><span class="icon-mobile"></span> Equipos</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-search pull-left" action="">
<input type="text" class="search-query span2" placeholder="Search">
</form>
<ul class="nav pull-right">
<li><a href="#">Link</a></li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.nav-collapse -->
</div>
</div><!-- /navbar-inner -->
</div><!-- /navbar -->
</div>
<div id="contenido">
</div>
<?php
// put your code here
?>
</body>
</html> Muchas gracias por su tiempo