클릭 이벤트에서 div를 표시하고 숨기는 방법은 무엇입니까?

Question

목록보기에 표시되는 항목이 있습니다. 나는 누군가가 항목 중 하나를 클릭하면 가격, 수량 및 기타와 같은 옵션을 사용하여 해당 항목 아래에 div를 표시합니다. 난 그냥 사용자가 항목 중 하나를 클릭 할 때까지 표시되지 않습니다 숨겨진 div를 만드는 방법을 알고 싶습니다.

동영상을 시청할 때 YouTube에서와 마찬가지로 공유 버튼을 볼 수 있습니다. 클릭하면 공유 할 위치와 다른 옵션을 선택할 수있는 새로운 창이 나타납니다.

내 코드

<ul data-role="listview"> 


    <?php do { ?> 
     <li><a href="product_option.php?pr=<?php echo $row_productDaa['idProct']; ?>"><img src="../document/product/<?php echo $row_productDta['strIage']; ?>" alt="" border="0"/> 
     <p style="font-size:18px"><php echo $row_productDaa['strProctName']; ?></p> 
     <p><?php echo $row_productData['dblPce']; ?>$</p> 
     <div> <p><?php echo $row_productata['strO']; ?></p></div></a> 
     </li> 
      <?php } while ($row_productata = mysql_fetch_assoc($prodctDaata)); ?> 

Answer 1

바인드 이런 일에 클릭 이벤트 :

jQuery('#the_hidden_stuff').show(); 

는 그래서는 다음과 같이 수 :

<div id="clicker">Clicker</div> 
<div id="the_hidden_stuff" style="display: none;"> 
    Something to show when clicker is clicked. 
</div> 
<script> 
    jQuery(document).ready(function() { 
     jQuery('#clicker').click(function() { 
      jQuery('#the_hidden_stuff').show(); 
     }); 
    }); 
</script> 

참조 : click및 더 많은 예제는 show.