jQuery fly out div échoue

Question

J'ai commencé à écrire ma propre Jquery. Je suis au tout début à la minute et je m'entraîne à cacher des divs pour les rendre visibles à nouveau. Donc, au début, je me cache la div par Jquery de

$(".hidden-div1").hide(); 
$(".hidden-div2").hide(); 

J'ai alors fait les années div de base et a suivi une Tut pour savoir comment utiliser slideToggle.

$("#show1").click(function() { 
    $(".hidden-div1").slideToggle("slow"); 
}); 

$("#show2").click(function() { 
    $(".hidden-div2").slideToggle("slow"); 
}); 

J'ai donc 2 liens sur la page et 2 div cachés. Ils fonctionnent bien et glisser et se cacher comme ils le devraient selon le slidetoggle.

Cependant, l'un des liens est à mi-chemin sur ma page. Quand il est cliqué, non seulement il glisse le div caché (comme il se doit), mais il saute tout en haut du site. Je dois ensuite faire défiler vers le bas pour voir la nouvelle div. Ma question est la suivante. Comment puis-je arrêter le saut en haut de la page en cliquant sur le lien? Je peux poster un lien vers le site si ma question n'a aucun sens.

Merci gerbeurs

Answer 1

Utilisez event.preventDefault() ou utilisez autre chose qu'un élément <a> pour le bouton. Vérifiez ceci: http://jsfiddle.net/balintbako/9rtvs/2/

$(document).ready(function() { 
    //hide some divs 
    $(".hidden-div1").hide(); 

    $("#show1").click(function (event) { 
     $(".hidden-div1").slideToggle("slow"); 
     event.preventDefault() 
    }); 
}); 

Answer 2

changement

< a href = "#" id = classe "show2" = "morelinkwhite"> En savoir plus </a>

à

< span id = "show2" class = "morelinkwhite"> Pour en savoir plus </span>

lorsque vous cliquez sur l encre aveC# il rafraîchit la page et saute vers le haut. Faites-le à tous les boutons "En savoir plus". J'espère que cela aide.