Click Image for Dropdown Code

[Enchantress]

Hi!

I was wondering if anybody knew the "Click each image for more info" kind of code? (a separate dropdown code for each image that makes it so you can extend each one individually)

Example: Anikira (Staff and Packs sidebars)

[Enchantress]

Bump!

[Tumbleweed]

Do you still need this Enchantress and if so, what side bar plug-in are you using? A link to your site would be helpful as well.

[Enchantress]

Yes, please! I'm using the "Sidebar Redux", and here's my site.

[Brian]

I've just recently made a code like this for two other users. Give this a try.

<script type="text/javascript">
$(document).ready(function(){$('.toggle-box').hide();});
function toggleBox(x){ $('.toggle-box.box'+x).toggle(); }
</script>


<div class="toggle-name clickable group1" onclick="toggleBox(1);">
Name or image goes here
</div>

<div class="toggle-name clickable group2" onclick="toggleBox(2);">
Name or image goes here
</div>

<div class="toggle-name clickable group3" onclick="toggleBox(3);">
Name or image goes here
</div>


<div class="toggle-box box1">
Content goes here
</div>

<div class="toggle-box box2">
Content goes here
</div>

<div class="toggle-box box3">
Content goes here
</div>

Any time you want to add a new group to that list, just add the following HTML to the appropriate areas, increasing the number in every green area. For example, since the last number in the above example was 3, we'll make every number in this one 4.

<div class="toggle-name clickable group4" onclick="toggleBox(4);">
Name or image goes here
</div>

<div class="toggle-box box4">
Content goes here
</div>

You can do this as many times as you want and move the name divs and the box divs around however you prefer.

[Enchantress]

Thank you so much! I tried it, and it works perfectly! Many thanks!