[jQuery] Slide toggle trigger to swap images depending on show hide state

[jQuery] Slide toggle trigger to swap images depending on show hide state


My slidebar trigger is a tab image that says close/replay. I am trying
to figure out how to swap between a close and a replay image depending
on whether the slidebar div is up or down. I did find a thread
onjButton.js but haven't found any demo examples.
<script type="text/javascript">
$(document).ready(function() {
initSlideboxes();
function initSlideboxes()
{
$('#slidebar').slideDown(1000);
setTimeout(function()
{
$('#slidebar').slideUp(3000);
}, 5000);
$('#slidebartrigger').click(function(){$
('#slidebar').slideToggle(); });
};
});
</script>
<div id="wrap">
<div id="top">
</div>
<div id="slidebar" style=" background: #eeeeee; height:
200px;display:none;">Flash file in this div
</div>
<div id="slidebartrigger" >a Gif image defined by a CSS background
image</div>
</div>