Wordpress Javascript Index Loop

[ovation]

I want to use javascript to display the categories that the post is
filed under when a icon/image is clicked. The list of categories
should expand at the bottom of the post under the icon(s).

This works great on the single post page, but the index (main) page
lists 10 posts, and it will only work on the first post. No matter
what post icon is clicked the first post expands. I think I
understand the logic behind this, but is there any way around it?

Here is the code:

`<a href="javascript:Effect.Combo('file', {duration: 0.5});"
title="Filed Under"><img src="<?php echo bloginfo('template_url'); ?>/
images/file.gif" /></a>

<div id="file" style="display: none;">
<?php echo ''; _e(get_the_category_list(', ')) ?></div>`

Thanks

 

[ovation]

ovation said the following on 9/6/2007 5:13 AM:





<URL:http://jibbering.com/faq/index.html#FAQ4_24>

What is Effect.Combo?


Why are you using XHTML style markup on the web?

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ -http://jibbering.com/faq/index.html
Javascript Best Practices -http://www.JavascriptToolbox.com/bestpractices/

Effect.Combo:
http://24ways.org/2005/introduction-to-scriptaculous-effects

I'm editing a index.php file of a wordpress blog.

 

[ovation]

I want to use javascript to display the categories that the post is
filed under when a icon/image is clicked. The list of categories
should expand at the bottom of the post under the icon(s).

This works great on the single post page, but the index (main) page
lists 10 posts, and it will only work on the first post. No matter
what post icon is clicked the first post expands. I think I
understand the logic behind this, but is there any way around it?

Here is the code:

`<a href="javascript:Effect.Combo('file', {duration: 0.5});"
title="Filed Under"><img src="<?php echo bloginfo('template_url'); ?>/
images/file.gif" /></a>

<div id="file" style="display: none;">
<?php echo ''; _e(get_the_category_list(', ')) ?></div>`

Thanks

Thanks to "Kjell Bublitz" I have a solution. Here it is if anyone
needs it:

<a href="javascript:Effect.Combo('file<?php the_ID(); ?>',
{duration: 0.5});" title="Filed Under"><img src="<?php echo
bloginfo('template_url'); ?>/images/file.gif" /></a>

<div id="file<?php the_ID(); ?>" style="display: none;">
<?php echo ''; _e(get_the_category_list(', ')) ?></div>

Thanks to everyone.