/ / Toggle Effect não está funcionando em HTML simples - jquery, html, twitter-bootstrap, twitter-bootstrap-3

Toggle Effect não está funcionando em HTML simples - jquery, html, twitter-bootstrap, twitter-bootstrap-3

O efeito de alternância não está funcionando no código html, mas o código funciona quando tentei usar o jsfiddle. Não consegui entender por quê. Alguém pode ajudar?

<html>
<head>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" />
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.js"></script>

</head>
<body>
<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#40763">Toggle Check</button>
<p id="40763" class="collapse in">Vinoth</p>

</body>

O seguinte link de violino funciona perfeitamente jsfiddle

Tentei adicionar javascript e css na parte inferior do corpo.

Respostas:

3 para resposta № 1

bootstrap.js usou o jQuery, portanto, altere a ordem de inclusão dos arquivos de script.

<script src="http://code.jquery.com/jquery-1.10.1.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

Demonstração: Problema, Solução


0 para resposta № 2

bootstrap js depende de jQuery então, por favor, altere seu pedido para incluir o script

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.10.1.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>