2011-10-25 35 views
0

我的網站(php)有一些類別和相應的子類別。在樹結構中顯示數據php sql

我想在樹結構中顯示它們。

首先應該用加號顯示所有類別,當有人點擊加號時,下面的類別應該向下滑動並顯示相應的子類別。

這是很常見的瘦,我發現很多網站,但無法找到如何做到這一點。

請提出如何實現這個結構。

謝謝。

+0

這是這樣一個可笑的廣闊,「請寫我的代碼我「有點問題。你覺得應該怎麼做?你會從哪裏開始? – DaveRandom

+0

多維數組+遞歸顯示它? –

回答

0

使用jQuery,我的演示 JS(這是在3分鐘內寫了一個插件):

(function($){ 
$.fn.subcath = function() { 
    return this.each(function() { 
    obj = $(this);  
    var subcath=$('.subcath', obj); 
    alert(obj.html()); 
    obj.click(function(){ 
     subcath.toggle('slow'); 
    }); 
    }); 
    }})(jQuery); 

HTML:

 <SCRIPT language="JavaScript" SRC="jquery.js"></SCRIPT> 
    <SCRIPT language="JavaScript" SRC="my_plugin.js"></SCRIPT> 
    <script> 
     $().ready(function() { 
      $('.subcath').hide(); 
       $('.menu').subcath(); 
      }); 
    </script> 

    <ul class='menu'> 
    <div class="cathegory" > 
      <li class="cath" >Cath1</li> 
     <div class="sub_cathegory" > 
      <ul class="subcath"> 
       <li class="sub_el" >Cath1</li> 
       <li class="sub_el" >Cath2</li> 
      </ul> 
     </div> 
    </div> 
     <div class="cathegory" > 
      <li class="cath" >Cath1</li> 
     <div class="sub_cathegory" > 
      <ul class="subcath"> 
         <li class="subcath_el" >Cath3</li> 
        <li class="subcath_el" >Cath4</li> 
      </ul> 
     </div> 
    </div> 
    </ul> 
1

其中(M)(V)(C)指向MVC應用程序的結構,請參閱:
http://oreilly.com/php/archive/mvc-intro.html