Salut,
Au taff on m'a donné un script à adapter pour faire apparaitre et disparaitre un texte :
Question visible
Réponse invisible
Sur le clique de la question la réponse s'affiche en dessous.
Simple, mais pas pour moi qui ne touche pas trop à Jquery. Je sais qu'il y a un tuto avec le menu accordéon mais je dois absolument utiliser le code qu'on m'a donné.
Voilà mon code :
$(document).ready( function () {
$(".question span").each( function () {
var Spantexte = $(this).text();
$(this).replaceWith('<a href="">' +Spantexte+ '</a>' );
});
$(".reponse:visible").hide();
$(".question").click( function () {
if ($(this).next(".reponse:visible").length != 0) {
$(this).next(".reponse").slideUp('normal' , function () {
$(".question_open").removeClass("question_open");
});
}
else {
$(".reponse").slideUp();
$(this).next(".reponse").slideDown('normal' , function () {
$(".question_open").removeClass("question_open");
$(this).prev(".question").addClass("question_open")
});
}
return false;
});
});
Sur firefox, j'ai cette erreur : $ is not defined
Sur IE : Cet objet ne gère pas cette propriété ou cette méthode ligne 1
Si quelqu'un peut m'aider svp ?
Merci d'avance
Matthieu
Modifié par matthiouss (21 Mar 2011 - 15:10)
Au taff on m'a donné un script à adapter pour faire apparaitre et disparaitre un texte :
Question visible
Réponse invisible
Sur le clique de la question la réponse s'affiche en dessous.
Simple, mais pas pour moi qui ne touche pas trop à Jquery. Je sais qu'il y a un tuto avec le menu accordéon mais je dois absolument utiliser le code qu'on m'a donné.
Voilà mon code :
$(document).ready( function () {
$(".question span").each( function () {
var Spantexte = $(this).text();
$(this).replaceWith('<a href="">' +Spantexte+ '</a>' );
});
$(".reponse:visible").hide();
$(".question").click( function () {
if ($(this).next(".reponse:visible").length != 0) {
$(this).next(".reponse").slideUp('normal' , function () {
$(".question_open").removeClass("question_open");
});
}
else {
$(".reponse").slideUp();
$(this).next(".reponse").slideDown('normal' , function () {
$(".question_open").removeClass("question_open");
$(this).prev(".question").addClass("question_open")
});
}
return false;
});
});
Sur firefox, j'ai cette erreur : $ is not defined
Sur IE : Cet objet ne gère pas cette propriété ou cette méthode ligne 1
Si quelqu'un peut m'aider svp ?
Merci d'avance
Matthieu
Modifié par matthiouss (21 Mar 2011 - 15:10)
pas terrible ça