Question

Basically by clicking the “comment” link the last result of the query should show and by clicking again it should be hidden. I have tried Rocket’s code as well but I get an error message in the bottom of the browser and when I click “comments” it just takes me to the top of the page. I would apprieciate some advice on this

$i = 1; // ID Counter 
while($row = mysql_fetch_array($result)) 
{    
echo "<h1>$row[title]</h1>";    
echo "<p class ='second'>$row[blog_content]</p> ";     
echo "<p class='meta'>Posted by .... &nbsp;&bull;&nbsp; $row[date] &nbsp;&bull;&nbsp; <a href='#' onclick=\"toggle_visibility('something$i');\">Comments</a><div id='something$i'   style='display: none;'>$row[comment]</div>";    
$i++; // Increment counter 
} 

Answer 1

This is a loop, echoing the same thing over and over, thus making all the divs have the same ID, something2.

IDs need to be unique, you gonna have to make unique IDs for each div.

Something like: <div id='something$i' style='display: none;'> (remembering to increment $i).

Also, you’re gonna to escape the quotes in your onclick attribute.

<a href='#' onclick=\"toggle_visibility('something$i');\">

The code should look something like this:

$i = 1; // ID Counter
while($row = mysql_fetch_array($result))
{
   echo "<h1>$row[title]</h1>";
   echo "<p class ='second'>$row[blog_content]</p> "; 
   echo "<p class='meta'>Posted by .... &nbsp;&bull;&nbsp; $row[date] &nbsp;&bull;&nbsp; <a href='#' onclick=\"toggle_visibility('something$i');\">Comments</a><div id='something$i' style='display: none;'>$row[comment]</div>";
   $i++; // Increment counter
}