Efecto Fold y.load

vesper_metal90 · #1 (**permalink**) 12/05/2013, 02:29

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>&nbsp;Nota De Registro</a></li>
                                <li><a href=""  class="external"><span class=" icon-briefcase-2"></span>&nbsp;Almacen De Refacciones</a></li>
                                <li><a href="https://www.google.com/"><span class=" icon-users"></span>&nbsp;Clientes</a></li>
                                <li><a href="https://www.google.com/"><span class="icon-mobile"></span>&nbsp;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