href and jquery problem

href and jquery problem

  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  3. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6.     
  7.     $('#action').hide();
  8.     $('#open_hover').click(function(){
  9.         $('#action').fadeIn(500);
  10.         var order_id = $('#open_hover').attr('href');
  11.        $('#action_content').append('<p>'+order_id+'</p>'); 
  12.         
  13.         
  14.     });
  15.     
  16. });

  18. </script>

  20. <style>
  21. #action{
  22.     position:absolute;
  23.     margin-top: 20%;
  24.     margin-left: 10%;
  25.     padding:10px;
  26.     
  27.     width:340px;
  28.     
  29.     border:3px solid maroon;
  30.     
  31.     border-radius:5px;
  32.     -moz-border-radius:5px;
  33.     background:pink;
  34.     
  35. }
  36. #action #action_content {float:left; font-size:12px}
  37. </style>
  38. <div id="action">
  39.     <div id="action_content">Order ID: </div>
  40. </div>


  43. <?php 
  44. $x=0;
  45. $total_link = 10;
  46. while($x<$total_link){
  47.     $x++;
  48. ?>
  49. <li><a href="#<?php echo $x; ?>" id="open_hover" rel="view">View <?php echo $x ;?></a></li>
  50. <?php } ?>

Hi all.

The link should open a red box.
im not sure why my 2nd link (and the rest) didnt work. Only the 1st link work as expected.