toggle headline :: aufklappbare auflistung von blogeinträgen

// Javascript
<script type="text/javascript">
      function hide(link_id, target_id) {
        document.getElementById(link_id).style.backgroundImage ='url(xyz/arrow.png)';
        document.getElementById(target_id).style.display='none';
      }


      function show(link_id, target_id) {
        document.getElementById(link_id).style.backgroundImage ='url(xyz/arrow_open.png)';
        document.getElementById(target_id).style.display='block';
      }
      
      
     function toggle(element_name) {
        link_id = element_name + '_link';
        target_id = element_name + '_target';
        if(document.getElementById(target_id).style.display == 'block') {
            hide(link_id, target_id);
        }  else {
        show(link_id, target_id);
        }
    }
</script>






// CSS-Definition
<style type="text/css">
    div.toggle_headline { background: none; padding-left:0px}
    div.toggle_content  { display:block; }
    
/* -------- Toggle -------- */
div.toggle_headline           { background-image: url(xyz/textbox_arrow.png); background-repeat: no-repeat; background-position: top left; padding-left:20px}
div.toggle_headline a         { color:#333333; text-decoration: none; }
div.toggle_headline a:hover   { color:#333333; }
div.toggle_headline a:visited { color:#333333; }
div.toggle_content            { display:none; margin-top: 1em; }
</style>






//HTML-Code
<div class="toggle_headline" id="KATEGORIEEINTRAG_0_link">
    <a href="javascript:toggle('KATEGORIEEINTRAG_0');">ÜBERSCHRIFT</a>
</div>


<div class="toggle_content" id="KATEGORIEEINTRAG_0_target">
    <p><strong>KATEGORY_NEWS</strong></p>
    <p>TEXT TEXT TEXT....</p>
</div>
<img src="xyz/divider.png" alt="">
<br>

<?php while (have_posts()) : the_post(); ?>
                        <div class="post">
                            <div class="toggle_headline" id="post-<?php the_ID(); ?>_link">
                                <h3><a href="javascript:toggle('post-<?php the_ID(); ?>');"><?php the_title(); ?></a></h3>
                            </div>
                            <div class="toggle_content" id="post-<?php the_ID(); ?>_target">
                                <div class="entry">
                                    <?php the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); ?>
                                </div>
                                <br>
                            </div>
                        </div>
                    <?php endwhile; ?>