Comment puis-je obtenir jquery pour basculer-fondu un flashcard div ouvert et fermé sur clic?

Que dois-je modifier au code ci-dessous pour que l'utilisateur clique sur un en-tête de carte flash pour ouvrir et fermer la réponse de la carte flash?Comment puis-je obtenir jquery pour basculer-fondu un flashcard div ouvert et fermé sur clic?

Je ne pouvais pas basculer() pour travailler avec fadein/fadeOut
la version ci-dessous ne répond pas au clic

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <script type="text/javascript" 
     src="http://www.google.com/jsapi"></script> 
     <script type="text/javascript"> 
      google.load("jquery", "1.4.1"); 
      google.setOnLoadCallback(function() {  
       $("div > div.question").click(function() { 
       if($(this).next().is(":hidden") { 
        $(this).next().fadeIn("slow"); 
       } else { 
        $(this).next().fadeOut("slow"); 
       } 
       });        
      }); 
     </script> 
     <style> 
      div.flashcard { 
       margin: 0 10px 10px 0; 
      } 
      div.flashcard div.question { 
       background-color:#ddd; 
       width: 400px;   
       padding: 5px;  
       cursor: hand; 
       cursor: pointer; 
      } 
      div.flashcard div.answer { 
       background-color:#eee; 
       width: 400px; 
       padding: 5px;  
       display: none;  
      } 
     </style> 
    </head> 

<body> 
    <div id="1" class="flashcard"> 
    <div class="question">Who was Wagner?</div> 
    <div class="answer">German composer, conductor, theatre director and essayist, primarily known for his operas (or "music dramas", as they were later called). Unlike most other opera composers, Wagner wrote both the music and libretto for every one of his works.</div> 
    </div> 

    <div id="2" class="flashcard"> 
    <div class="question">Who was Thalberg?</div> 
    <div class="answer">a composer and one of the most distinguished virtuoso pianists of the 19th century.</div> 
    </div> 
</body> 
</html>

Source

2010-02-01 Edward Tanguay

Des erreurs javascript sur la page? – womp

pas d'erreurs javascript, je ne peux pas sembler obtenir firebug pour passer par le javascript en ligne non plus: http://stackoverflow.com/questions/2174662/how-can-i-get-firebug-to-step-through-inline -javascript-code –

Try this :

$("div > div.question").click(function() { 
    $(this).next().animate({opacity: 'toggle'}, [speed], [easing], [callback]); 
}

Source

2010-02-01 04:34:19

Comment puis-je obtenir jquery pour basculer-fondu un flashcard div ouvert et fermé sur clic?

Répondre

Questions connexes