sanjeeonp

I want to put different h2, h3, h4 to different pages for the sidebar title.
On the homepage, I want that the sidebar titles such as Popular Posts, commentaires recents in h4 and single.php on h3.
I did manage to found this code but it doesn’t work :

<?php if ( is_single() ) { ?>
	<script type='text/javascript'>
    jQuery(document).ready(function(){
       jQuery('#sidebar-top h3:not(:last)').each(function(){
           var $this = jQuery(this);
           $this.add($this.next()).wrapAll('<div class="section"></div>');
       });
        jQuery('<div class="Bordure_Haute_Petite"></div>').insertBefore('div.section');
        jQuery('<div class="Bordure_Basse_Petite"></div>').insertAfter('div.section');
     });
    </script>
<?php } else { ?>
	<script type='text/javascript'>
    jQuery(document).ready(function(){
       jQuery('#sidebar-top h4:not(:last)').each(function(){
           var $this = jQuery(this);
           $this.add($this.next()).wrapAll('<div class="section"></div>');
       });
        jQuery('<div class="Bordure_Haute_Petite"></div>').insertBefore('div.section');
        jQuery('<div class="Bordure_Basse_Petite"></div>').insertAfter('div.section');
     });
    </script>
<?php } ?>

.
Does anyone know how to do that?

Hi stvwlf,
Thanks for u’re helping.
It’s nearly finished I think.
I have just some problems:
1)On IE, the margins of the head-bottom border are not correct : we can see the head-border away of the next div, and also the div featured(Edito) that is under the Headline.
2)I have another question : my goal is to put an element between edito and the next div but the div sidebar only starts when the div top finished. The div top contains HEADLINE and featured, so the sidebar starts when headline finishes. The only way to stop that is to code like that?

<div id="left">
   <div id="headline">
   <div id="bottom">
</div>
<div id="right">
   <div id="sidebar">

</div>

3)The last element of the sidebar : Articles récents doesn’t not have the borders. Is there jquery instructions to say GotoTheLastElement ?

hey , I tested that and it make big bugs…
http://leblog.uneviemoinschere.com/

.box-top {
	background: transparent url(images/bordures/Bordure_haute.png) no-repeat scroll center bottom ;
	height: 15px;
	width: 604px;
}

.box-contents{
	background: url(images/bordures/Bordure_cote.png);
	width: 590px;
	padding-left:15px;
}

.box-bottom{
	background: url(images/bordures/Bordure_basse.png);
	/*height: 30px; */
	width: 604px;
	height: 15px;
}