Adaptar función php con Tooltip

[mikehove]

Hola amigos.
Espero que estén muy bien. Necesito nuevamente su ayuda... Pero antes, humildemente, quiero referirme a algunos amigos colaboradores que ojalá pudan seguir ayudándome porque en otros Post me supieron ayudar y fui un poquito "duro" de entender, GRACIAS por la PACIENCIA!
Gracias a Triby, Pateketrueke y PHPeros: Gracias por su tolerancia. Abrazo gigantes sinceros!!



Hoy traigo un código, que gracias a Triby, en un Post antiguo funciona bárbaro para mi BD.
Necesito adaptarle un Tool-tip, como este:
http://jsfiddle.net/om9v6k9p/

Código PHP:

function menu( $productos_parent_id = 0 ){      
         $menu = ''; 
         $sql = "SELECT * FROM productos WHERE productos_parent_id = $productos_parent_id";      
         $query = mysql_query( $sql );   
         $cant = mysql_num_rows( $query );           
         if( $cant > 0 ){ $menu .= '<ul id="org" style="display:none">'; }             
         while( $resultado = mysql_fetch_assoc( $query ) ){               
            $menu .=  '<li>' .$resultado['productos_nombre']; 
            $menu .= menu( $resultado['productos_id'] ) . '</li>';                        
         }          
         if( $cant > 0 ){ $menu .= '</ul>'; }        
         return $menu; 
} 
     $menu = menu(); 
         echo $menu;
 

La idea es que al apoyarse en cada "productos_nombre" pueda desplegarse el Tooltip mostrando su "productos_id" y mostrar además un nuevo campo llamado "nivel_prof" de la misma BD.

Intenté esto, pero sé que está mal porque no se tratar correctamente funciones recursivas:

Solo modifiqué la línea 8 y 9 del código anterior:

Código PHP:

$menu .=  '<li><a id="toggleSwitch_jd">' .$resultado['productos_nombre'].'</a>';
$menu .= menu( '<div id="theBox_3">'.$resultado['productos_id'],$resultado['nivel_prof'].'</div>' ) . '</li>';
 

Ojalá puedan ayudarme!