Home/ Questions/Q 4594540
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T22:50:32+00:00

<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd> <html> <head> <title></title> <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js></script> <script type=text/javascript>

  • 0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title></title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

        <script type="text/javascript">
            $(document).ready(function(){


            $(".a_faq").each(function(i){

            $(this).find(".question").click(function(){ $(this).find(".answer").show();   });

            });



            });

        </script>
    </head>
    <body>

    <div class="a_faq">
        <div class="question">Where is everyone?</div>
        <div style="display:none;" class="answer">there</div>
    </div>
    <div class="a_faq">
        <div class="question">Where is the closest Starbucks</div>
        <div style="display:none;" class="answer">there</div>
    </div>
    <div class="a_faq">
        <div class="question">Where are my glasses?</div>
        <div style="display:none;" class="answer">there</div>
    </div>

    </body>
</html>

After clicking the question I want the ability to show and hide the repesctive answer. If possible, close other answers that are open.

Im stuck at this point, and don’t know what to do.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
      $(document).ready(function() {
    $('.a_faq .question').click(function() {
      $(this).parent().find('.answer').toggle();
    });
  });

    That’s your click handler and all. No need for a loop.

    • 0