11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Je cherche de l'aide. J'ai épuisé tous les forums trouvés sur Google, j'ai tout lu, j'ai fait des tonnes d'essais. Et je sèche. Quelqu'un pourrait-il m'aider à trouver une solution au sujet d'un menu accordéon jquery qui ne reste pas ouvert ?
Il est composé de plusieurs onglets avec sous-menu cliquables vers un panier. Et à chaque clic, le menu se referme.
Si seulement une bonne âme pouvait me donner un petit coup de pouce... Je le bénirais...
Merci d'avance

Voici mon script :
$(document).ready(function() {
$("#auxerre").hide();
$("#nuits").hide();
$("#provenc").hide();
$("#bandol").hide();
$("#beaune").hide();

$("#aux").click(function() {
$("#auxerre").slideToggle("slow");

});
$("#provence").click(function() {
$("#provenc").slideToggle("slow");
});
$("#bandole").click(function() {
$("#bandol").slideToggle("slow");
});
$("#nuit").click(function() {
$("#nuits").slideToggle("slow");
});
$("#beaun").click(function() {
$("#beaune").slideToggle("slow");
});

});
A chaque clic sur un "panier" le menu se referme, c'est ça ton soucis ?

Parce que là, c'est tout a fait normal qu'il se ferme étant donné que tu changes de page.

Est-ce bien ça le soucis donc (ou j'ai mal compris) ?
Oui c'est mon souci. J'aimerais qu'il reste ouvert sur la même page pour permettre de choisir un autre produit...
Va falloir se mettre à l'ajax alors Smiley smile

"jquery ajax"

Tu trouveras tout ce qu'il faut sur GG, notamment sur la doc : http://api.jquery.com/jQuery.ajax/


$('a.panier').click(function() {

var obj = $(this);

$.ajax({
  url: obj.attr('href'),
  success: function(data) {
    obj.html('Produit ajouté');
  }
});

});

Un petit code pour te lancer sur la bonne voie (a.panier correspond au <a href=""> de ton panier, avec une class="panier" en plus)
Kenor, pourrais-tu m'accorder encore un peu de temps pour me dire où je dois mettre ce script pour solutionner mon problème ?
Ou bien si Kenor ne se reconnecte pas, quelqu'un pourrait-il m'aider ?
Merci d'avance