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
2. ../js/codes.jsCod 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")
});
3. ../css/rtl.cssCod: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") });
4. ../css/style.cssCod:#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; }
MultumescCod:#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; }



Răspunde cu citat
