WordPress.org

Ready to get started?Download WordPress

Forums

Add jQuery Slide Down Menu to Theme (1 post)

  1. hanssen
    Member
    Posted 3 years ago #

    hi there,
    i'm not that new to wordpress, but new to customizing it that way..

    what i'm trying to achieve is a menu for wordpress like this.
    (tutorial)
    just trying to add this to twentyten (of course i'll have to change a few other things later) but it's not working after all..

    the menu should have this structure:

    <ul id="sdt_menu" class="sdt_menu">
    	<li>
    		<a href="#">
    			<img src="img1.jpg" alt=""/>
    			<span class="sdt_active"></span>
    			<span class="sdt_wrap">
    				<span class="sdt_link">Link #1</span>
    				<span class="sdt_descr">Description #2</span>
    			</span>
    		</a>
    	</li>
    	<li>
    		<a href="#">
    			<img src="img2.jpg" alt=""/>
    			<span class="sdt_active"></span>
    			<span class="sdt_wrap">
    				<span class="sdt_link">Link #2</span>
    				<span class="sdt_descr">Description #2</span>
    			</span>
    		</a>
    		<div class="sdt_box">
    				<a href="#">Sublink 2.1</a>
    				<a href="#">Sublink 2.2</a>
    				<a href="#">Sublink 2.3</a>
    		</div>
    	</li>
    	</ul>

    i have tried it this way:
    <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary', 'link_before'=>'<span class="sdt_active"></span><span class="sdt_wrap">', 'link_after'=>'</span>' ) ); ?>
    the structure isn't the way i want it to and it's quite messed up.. ^^

    so two questions:
    1) how is it possible to achieve a structure like the one above? (i have managed to get the jquery script an css working though..)
    2) maybe there is actually a theme/plugin that provides this kind of menu? unfortunately i havn't found one yet.

    thanks in advance! <3

    greetings, chriz

Topic Closed

This topic has been closed to new replies.

About this Topic