title: how to hide sub menu in header in load event and show in hover event
body: <p>I try to hide my div class="admi-mm-{{$cat_no}}"</p>
  
  <p>in load and show it in hover event, I make dynamic divs for this main category when you hover one you see div with submenu</p>
  
  <pre><code>@foreach($categories as $main_cat)
                              &lt;?php $cat_no += 1 ?&gt;
                              &lt;li class="admi-menu-{{$cat_no}}"&gt;
                                  &lt;a href="#" class="mm-arr"&gt;{{$main_cat-&gt;title}}&lt;/a&gt;
                                  &lt;!-- MEGA MENU 1 --&gt;
                                  &lt;div class="mm-pos"&gt;
                                      &lt;style&gt;
                                      .admi-mm-{{$cat_no}} {
                                          display:none;
                                      }
                                      &lt;/style&gt;
                                      &lt;div class="admi-mm-{{$cat_no}} m-menu"&gt;
                                          &lt;div class="m-menu-inn"&gt;
                                              @php ($sub_cat = DB::table('category')-&gt;where('parent_id','=',$main_cat-&gt;id)-&gt;orderby('id','asc')-&gt;get())
                                              @foreach($sub_cat as $sub_level)
                                              &lt;div class="mm2-com mm1-com mm1-s1"&gt;
                                                  &lt;div class="ed-course-in"&gt;
                                                      &lt;a class="course-overlay" href="{{ url('/allpackage') }}/{{$sub_level-&gt;id}}"&gt;
                                                          &lt;img src="{{ Request::root() }}/website/images/sight/{{$sub_level-&gt;image}}" alt=""&gt;
                                                          &lt;span&gt;{{$sub_level-&gt;title}}&lt;/span&gt;
                                                      &lt;/a&gt;
                                                  &lt;/div&gt;
                                                  &lt;a href="{{ url('/allpackage') }}/{{$sub_level-&gt;id}}" class="mm-r-m-btn"&gt;عرض التفاصيل&lt;/a&gt;
                                              &lt;/div&gt;
                                              @endforeach
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/li&gt;
                              @endforeachhere
  </code></pre>