diff --git a/src/Helpers/menu_helper.php b/src/Helpers/menu_helper.php
index 34c8ab9..aa68d69 100644
--- a/src/Helpers/menu_helper.php
+++ b/src/Helpers/menu_helper.php
@@ -82,3 +82,49 @@ function nest($item, $parent_id)
         return nest((new MenuModel())->orderBy('sequence', 'asc')->get()->getResultObject(), 0);
     }
 }
+
+/**
+ * The ugly for generate some html
+ * 
+ * return string hrml
+ */
+if (!function_exists('build')) {
+    function build() {
+        
+        $html = '';
+        foreach (menu() as $parent) {
+            $open = current_url() == base_url($parent->route) || in_array(uri_string(), array_column($parent->children, 'route')) ? 'menu-open' : '';
+            $active = current_url() == base_url($parent->route) || in_array(uri_string(), array_column($parent->children, 'route')) ? 'active' : '';
+            $link = base_url($parent->route);
+
+            $html .= "<li class='nav-item has-treeview {$open}'>";
+                $html .= "<a href='{$link}' class='nav-link {$active}'>";
+                    $html .= "<i class='nav-icon {$parent->icon}'></i>";
+                    $html .= '<p>';
+                        $html .= $parent->title;
+                        if (count($parent->children)) {
+                            $html .= "<i class='right fas fa-angle-left'></i>";
+                        }
+                    $html .= '</p>';
+                $html .= '</a>';
+                if (count($parent->children)) {
+                $html .= "<ul class='nav nav-treeview'>";
+                    foreach ($parent->children as $child) {
+                        $link_child = base_url($child->route);
+                        $active_child = current_url() == base_url($child->route) ? 'active' : '';
+                        $html .= "<li class='nav-item has-treeview'>";
+                            $html .= "<a href='{$link_child}'";
+                                $html .= "class='nav-link {$active_child}'>";
+                                $html .= "<i class='nav-icon {$child->icon}'></i>";
+                                $html .= "<p>{$child->title}</p>";
+                            $html .= '</a>';
+                        $html .= '</li>';
+                    }
+                $html .= '</ul>';
+                }
+            $html .= '</li>';
+        }
+
+        return $html;
+    }
+}
diff --git a/src/Views/layout/mainsidebar.php b/src/Views/layout/mainsidebar.php
index 81461ad..8b38559 100644
--- a/src/Views/layout/mainsidebar.php
+++ b/src/Views/layout/mainsidebar.php
@@ -19,10 +19,8 @@
             <ul class="nav nav-pills nav-sidebar flex-column nav-child-indent <?= config('Boilerplate')->theme['sidebar']['compact'] ? 'nav-compact' : '' ?>" data-widget="treeview"
                 role="menu" data-accordion="false">
                 <?php foreach (menu() as $parent) : ?>
-                <!-- Fix me menu-open and active-->
-                <li class="nav-item has-treeview menu-open">
-                    <a href="<?= base_url($parent->route) ?>" class="nav-link active">
-                <!-- end note -->
+                <li class="nav-item has-treeview <?= current_url() == base_url($parent->route) || in_array(uri_string(), array_column($parent->children, 'route')) ? 'menu-open' : '' ?>">
+                    <a href="<?= base_url($parent->route) ?>" class="nav-link <?= current_url() == base_url($parent->route) || in_array(uri_string(), array_column($parent->children, 'route')) ? 'active' : '' ?>">
                         <i class="nav-icon <?= $parent->icon ?>"></i>
                         <p>
                             <?= $parent->title ?>