Bom dia, pessoal!
Sou iniciante no jQuery e no Bootstrap, e estou com algumas dificuldades ao utilizar os dois simultaneamente.
Eu estou querendo gerar um botão que, ao clicar, exiba um pequeno formulário para inserção de e-mail. Porém, só está funcionando quando a janela encontra-se em tamanho mobile (menor que 768px), em resoluções maiores, o botão fica desabilitado e o código não funciona.
Aqui está o meu código resumido:
[...]
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nome da Página</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<script src="js/jquery-1.11.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$(window).load(function(){
$('#toggle-form-acesso').click(form_toggle);
$('#form-acesso').hide();
});
function form_toggle(){
$("#form-acesso").toggle('swing');
}
</script>
</head>
<body>
[...]
<div id="apresentacao" class="col-sm-8 col-sm-offset-4">
<button type="button" id="toggle-form-acesso">Cadastrar e-mail</button>
<form id="form-acesso" action="" method="post">
<label>E-mail:</label>
<input class="field-text" type="text" name="email" id="email" placeholder="[email protected]" required/>
<input class="botao-login" type="submit" value="Solicitar acesso" />
</form>
[...]
Fiz algo errado? Alguém sabe o que pode estar acontecendo?
Muito obrigado! :D