Salut,

Am rugamintea daca ma poate ajuta cineva in legatura cu un plugin de wordpress, mai exact un meniu din sidebar care are functia de Expand /Collapse ... tree nav etc.

Problema este ca acesta nu ramane deschis si activ dupa ce ai dat click pe una din pagini, sincer nu stiu cum sa rezolv acest lucru si sper sa ma ajutati.

Aici gasiti meniul cu problema, cel cu titlu proiecte: din pacate nu am voie sa postez link aici pentru ca nu am 30 zile de cand sunt membru, scrieti eventual sykadesign. ro ca sa vedeti meniul in actiune.

Am sa pun mai jos continutul pluginului, este structurat astfel:

../css/style.css
../css/rtl.css
../js/codes.js
wpp-tree.php


1.wpp-tree.php

Cod PHP:
jQuery(document).ready(function(){


    
jQuery('#wb_tree ul li').has('#wb_tree ul.sub-menu').prepend('<span>+</span>');
    
jQuery('#wb_tree ul ul').hide();
    
    
jQuery('#wb_tree span').click(
    function(){
    
       
    }).
toggle(
       function(){
              
jQuery(this).text('-');
              
              var 
parent jQuery(this).parent();
              
jQuery(parent).find('>ul').slideToggle();
       },
       function(){
              
jQuery(this).text('+');
              var 
parent jQuery(this).parent();
              
jQuery(parent).find('>ul').slideToggle();
       }
    );
    
    
jQuery("li:contains('+')").css("background-image""none")


}); 
2. ../js/codes.js

Cod:
jQuery(document).ready(function(){


	jQuery('#wb_tree ul li').has('#wb_tree ul.sub-menu').prepend('<span>+</span>');
	jQuery('#wb_tree ul ul').hide();
	
    jQuery('#wb_tree span').click(
    function(){
    
	   
    }).toggle(
       function(){
       	   jQuery(this).text('-');
       	   
       	   var parent = jQuery(this).parent();
       	   jQuery(parent).find('>ul').slideToggle();
       },
       function(){
       	   jQuery(this).text('+');
       	   var parent = jQuery(this).parent();
       	   jQuery(parent).find('>ul').slideToggle();
       }
    );
    
    jQuery("li:contains('+')").css("background-image", "none")


});
3. ../css/rtl.css

Cod:
#wb_tree span{
   margin-left: 3px;
}
#wb_tree ul li{
   margin-right: 10px;
}
#wb_tree ul ul{
   margin-right: 10px;
}
#wb_tree ul ul li{
   background-position: right;
   padding-right: 5px;
}
4. ../css/style.css

Cod:
#wb_tree span{
   border: 1px solid #d7d7d7;
   padding: 0 3px;
   margin-right: 3px;
   cursor: pointer;
   color:#595959;
}
#wb_tree ul{
	list-style: none;
}
#wb_tree ul li{
   margin-left: 0px; font-size:13px; font-weight:bold;
}
#wb_tree ul ul{
   margin-left: 10px;
}
#wb_tree ul ul li{
   background-image: url(li-b.png);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 10px;
   margin-left: 0px; font-size:12px; font-weight:normal;
}
Multumesc