Expand /Collapse menu sa ramana activ dupa click.. help

[stefanp]

Salut, mersi pentru raspuns, nu stiu de ce nu s-a postat tot codul.. il mai postez odata poate imi poti da totusi un sfat de start, un link ceva de unde sa ma documentez.

wpp-tree.php

<?php


    
///////////////////////////////////////// Style & JS  /////////////////////////////////////////

function wb_treev_js_to_head()
{
    echo '<link rel="stylesheet" href="'.get_settings('siteurl').'/wp-content/plugins/wp-parsi-navigation-trees/css/style.css" type="text/css" media="screen" />'."\n";
    echo '<script type="text/javascript" src="'.get_settings('siteurl').'/wp-content/plugins/wp-parsi-navigation-trees/js/codes.js"></script>'."\n";
    
}
add_action('wp_head', 'wb_treev_js_to_head');


///////////////////////////////////////// Main Class  /////////////////////////////////////////

//error_reporting(E_ALL);
add_action("widgets_init", array('Widget_Tree_Nav', 'register'));
register_activation_hook( __FILE__, array('Widget_Tree_Nav', 'activate'));
register_deactivation_hook( __FILE__, array('Widget_Tree_Nav', 'deactivate'));
class Widget_Tree_Nav {
    
    
    
    
  function activate(){
    $data = array( 'treev_option' => '');
    if ( ! get_option('widget_tree_nav')){
      add_option('widget_tree_nav' , $data);
    } else {
      update_option('widget_tree_nav' , $data);
    }
  }
  
  
  /////////////////////
  function deactivate(){
    delete_option('widget_tree_nav');
  }
  
  /////////////////////
function control(){
  $data = get_option('widget_tree_nav');


      global $wpdb, $table_prefix;
      $nav_menu_term_id = $wpdb->get_col("SELECT term_id FROM {$table_prefix}term_taxonomy WHERE taxonomy = 'nav_menu'");
      
      echo '<select name="widget_nav_option">';
      foreach($nav_menu_term_id as $n_m_term_id){
           $nav_menu_name    = $wpdb->get_col("SELECT name FROM {$table_prefix}terms WHERE term_id = $n_m_term_id");
           
           foreach($nav_menu_name as $n_m_name){
                if ($data['treev_option'] == $n_m_term_id){ $selected = ' selected="selected"'; } else {$selected = '';}
                $nav_dlist = "<option value=".$n_m_term_id."".$selected.">".$n_m_name."</option>";
                echo $nav_dlist;
           }//foreach child
      
      }//foreach
      echo '</select>';
  ?>
  
  <?php
   if (isset($_POST['widget_nav_option'])){
    $data['treev_option'] = attribute_escape($_POST['widget_nav_option']);
    update_option('widget_tree_nav', $data);
  }
}


  /////////////////////
  function widget($args){
      $data = get_option('widget_tree_nav');
    echo '<div id="wb_tree">';
     wp_nav_menu( array ('menu' => $data['treev_option']) );
    echo '</div>';
  }
  
  /////////////////////
  function register(){
    register_sidebar_widget('WPP-Tree', array('Widget_Tree_Nav', 'widget'));
    register_widget_control('WPP-Tree', array('Widget_Tree_Nav', 'control'));
  }
}


?>

codes.js

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")


});

style.css

#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;
}