ShowHide multiple li > blockquote #Quote

Vote count:

0

I'm trying to get the it so if you click the Quote it hides itself and shows the full review.

This current code only works on the first list item. I can't seem to get it. It's probably something obvious, I just don't know jquery .

http://ift.tt/1AyHEHG

<li><blockquote>
        <q id="Quote"><?php echo $rv['Quote'] ?></q>
        <q id="Review"><?php echo $rv['Review'] ?></q>
        <img src="images/reviews/<?php echo $rv['Image'] ?>">
        <cite>
        - <?php echo $rv['Name']; ?>
        - <?php echo $rv['Location']; ?>
        - <?php echo $rv['reviewDate']; ?>
        - <?php echo $rv['Site']; ?>
        </cite>
</blockquote></li>

$(document).ready(function(){
  $("#Review").click(function(){
    $("#Quote").show();
    $("#Review").hide();
  });
  $("#Quote").click(function(){
    $("#Review").show();
    $("#Quote").hide();
  });
});

Thank you

asked 12 secs ago

TacoFiesta

8

ShowHide multiple li > blockquote #Quote