Changing secondary menu format Secondary menu links are listed with the default theme.

I want to add a hover option to it so that menu links will always pop up when a user hovers on a button.

I already built it with html but I couldnt integrate the existing codes in it.

html

&lt;a class="button white_bg black_f btn-hasdd" href="#"&gt;
&lt;div class="sub"&gt;
&lt;ul class="white_bg lastcolor_f"&gt;
&lt;/div&gt;


drupal default code

    &lt;?php if ($secondary_menu): ?&gt;
      &lt;div id="secondary-menu" class="navigation"&gt;
        &lt;?php print theme('links__system_secondary_menu', array(
          'links' =&gt; $secondary_menu,
          'attributes' =&gt; array(
            'id' =&gt; 'secondary-menu-links',
            'class' =&gt; array('links', 'inline', 'clearfix'),
          ),
          'heading' =&gt; array(
            'text' =&gt; t('Secondary menu'),
            'level' =&gt; 'h2',
            'class' =&gt; array('element-invisible'),
          ),
        )); ?&gt;
      &lt;/div&gt; &lt;!-- /#secondary-menu --&gt;
    &lt;?php endif; ?&gt;

  &lt;/div&gt;&lt;/div&gt; &lt;!-- /.section, /#header --&gt;

  &lt;?php if ?&gt;


FYI: I couldnt locate to function links__system_secondary_menu in any of the files.
You use CSS to style the links. Looking at your code, the secondary menu has an id secondary-menu-links. So target that within your CSS:

#secondary-menu-links a:hover {
  /* your pop-out effect here */
}