Editing php script to have accordian effect

March 7, 2010

Well I have something called TwistedRares for a habbo fansite for my little cousin and he wants it to have an accordian effect when looking at the rares (categories)

This is the view code right now:

&lt;?php 
include("config.php");
include("opendb.php");
$get_cats = mysql_query("SELECT * FROM `categories` ORDER BY `displayorder`") or die(mysql_error());
$get_info = mysql_query("SELECT * FROM `systeminfo`") or die(mysql_error());
$info = mysql_fetch_array($get_info);
while($cats = mysql_fetch_array($get_cats)) {
$get_rares = mysql_query("SELECT * FROM `rares` WHERE `catid`='".$cats['id']."'") or die(mysql_error());
echo("&lt;link href=\"../content/style.css\" type=\"text/css\" rel=\"stylesheet\"&gt;".$cats['name']."&lt;br&gt;
&lt;table width=\"100%\" border=\"0\"&gt;
&lt;tr&gt;
&lt;td width=\"20%\" style=\"text-align:center\"&gt;&lt;/td&gt;
&lt;td width=\"40%\" style=\"text-align:left\"&gt;&lt;/td&gt;
&lt;td width=\"10%\" style=\"text-align:center\"&gt;&lt;/td&gt;
&lt;td width=\"30%\" style=\"text-align:center\"&gt;&lt;/td&gt;
&lt;/tr&gt;
");
$color1 = $info[stripe1]; 
$color2 = $info[stripe2];
$row_count = 0;
while($rare = mysql_fetch_array($get_rares)) {
$row_color = ($row_count % 2) ? $color1 : $color2;
?&gt;
&lt;tr&gt;
&lt;td width="20%" style="text-align:center;background-color:#&lt;?php echo $row_color; ?&gt;"&gt;&lt;img alt="" src="&lt;?php echo("".$info[imagepath]."".$rare['image'].""); ?&gt;"&gt;&lt;/td&gt;
&lt;td width="40%" style="text-align:left;background-color:#&lt;?php echo $row_color; ?&gt;"&gt;&lt;?php echo $rare['name']; ?&gt;&lt;/td&gt;
&lt;td width="10%" style="text-align:center;background-color:#&lt;?php echo $row_color; ?&gt;"&gt;&lt;?php echo $rare['value']; ?&gt; HC&lt;/td&gt;
&lt;td width="30%" style="text-align:center;background-color:#&lt;?php echo $row_color; ?&gt;"&gt;&lt;?php echo $rare['lastedited']; ?&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;?php 
$row_count++;
}
echo("&lt;/table&gt;&lt;br&gt;

");
}
?&gt;

Is it possible to make the categories expand and contract?

Thanks.