Thanks for your reply. I know this can be done the way that I
described it because I've used a Javascript to do it before but it was
kind of crude and I'm looking for something that will do multiple
triangles.
It's something easy enough to do via JQuery, if you're not averse to JS.
Sample code - untested, but should work fine.
triangle1.gif = right-pointing triangle image
triangle2.gif = down-pointing triangle image
---------
<script src="...pathTo.../jquery.js"></script>
<script>
$(document).ready(function(){
$(".toClick").click(function () {
var wasClicked = $(this);
if($(wasClicked).attr("src") == 'triangle1.gif') {
$(wasClicked).attr("src","triangle2.gif");
} else {
$(wasClicked).attr("src","triangle1.gif");
}
$(this).siblings(".revealMenu").toggle();
});
});
</script>
<div class="container">
<img src="triangle1.gif" class="toClick">
<div class="revealMenu" style="display: none;">
Menu 1 to reveal...
</div>
</div>
<div class="container">
<img src="triangle1.gif" class="toClick">
<div class="revealMenu" style="display: none;">
Menu 2 to reveal...
</div>
</div>
<div class="container">
<img src="triangle1.gif" class="toClick">
<div class="revealMenu" style="display: none;">
Menu 3 to reveal...
</div>
</div>