Menu Drop Down Multilevel (Unlimited) pada Lokomedia

Jika pada posting sebelumnya kita hanya membahas menu drop down tiga level saja, kali ini kita akan membahas menu drop down multilevel hingga tak berbatas. Sebenarnya script ini pernah digunakan lokomedia ketika masa-masa awal rilis. Namun setelah menu drop down lokomedia mengadopsi menu apycom makascript ini mulai terpinggirkan.

Kita akan kembali menggunkan script ini dengan tetap mengadopsi menu apycom dengan keelokan animasi jquerynya. Untuk tahap awal langkahnya sama seperti pada artikel Memasang Menu Dropdown Apycom 3 Level pada Lokomedia (Not Looping). Ikuti langkah-langkahnya hingga step 3. Kemudian pada step 4 kita hanya memodifikasi pada bagian script menu dengan mereplacenya menjadi :

<!-- MENU -->
         <div id="menu">	
		 <ul class="menu">	
      <?php
      function get_menu($data, $parent = 0) {
	      static $i = 1;
	      $tab = str_repeat(" ", $i);
	      if ($data[$parent]) {
		      $html = "$tab<li>";
		      $i++;
		      foreach ($data[$parent] as $v) {
			       $child = get_menu($data, $v->id_menu);
				   $html .= "$tab<li>";
				   $html .= '<a class="'.$css.'" href="'.$v->link.'">'.$v->nama_menu.'</a>';
				    if ($child) {
				       $i--;
				       $html .= "<div><ul>$child";
				       $html .= "$tab</ul></div>";
			       }
			       $html .= '</li>';
		      }
		      $html .= "$tab</li>";
		      return $html;
	      } 
        else {
		      return false;
	      }
      }
      $result = mysql_query("SELECT * FROM menu ORDER BY id_menu");
      while ($row = mysql_fetch_object($result)) {
	       $data[$row->id_parent][] = $row;
      }
      $menu = get_menu($data);
      echo "$menu"; 
      ?>
	  </ul>
		</div>

 

Jika semua langkah sudah benar dijalankan maka menunya akan terlihat seperti ini.

unlimited-dropdown