Question

i need help about this JQuery code again i really have a little experience with JQuery so sorry if the question is a mess..
ill credit http://www.w3schools.com for this one since i copied it from them

//the JS code
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});

<p class="flip">click to view full credit report details</p>
<div class='panel'>                              
 <?php                          
   display_column_name($table_name,$table_id);
 ?>
</div>

ok so the code is actually looped it repeats depending on how many data i have in my database so the problem right now is when i click on “Click to view full credit report details” it opens everything.. what i want is when i click on that it only opens that portion… and not the others… any idea about this? i really need help thanks 🙂

Answer 1

You should have dynamic id for each p element. which calls div with another dynamically setted id.

in your loop you could do like this

$(document).ready(function(){
$("#flip_<?php echo $id_from_database;?>").click(function(){
    $("#panel_<?php echo $id_from_database;?>").slideToggle("slow");
  });
});

and your html, this should be within loop as well

<p id="flip_<?php echo $id_from_database;?>">click to view full credit report details</p>
<div id='panel_<?php echo $id_from_database;?>'>                              
 <?php                          
   display_column_name($table_name,$table_id);
 ?>
</div>

OR

Second method

tHIS CODE INSIDE LOOP

<p id="flip_<?php echo $id_from_database;?>" onclick="expandDiv('<?php echo $id_from_database;?>')">click to view full credit report details</p>
    <div id='panel_<?php echo $id_from_database;?>'>                              
     <?php                          
       display_column_name($table_name,$table_id);
     ?>
    </div>

javascript function outside loop

function expandDiv(id){
   $("#panel_"+id).slideToggle("slow");
}

Where

$id_from_database is the unique id of the records that come from database.