I need help with drop up in jQuery

Asked By 10 points N/A Posted on -
qa-featured

Hi.  Is there a multi-tiered plugin where I'll have a drop up in JQuery instead of a drop down menu?  Someone lending me a code would also be ok.  Any help would be much appreciated.  Thanks in advance.

SHARE
Best Answer by Hodge Trafton
Answered By 0 points N/A #139602

I need help with drop up in jQuery

qa-featured

It is possible to write your own source code to design a drop down menu to open upward, or as you call it, a drop-up menu.

For this, you will need to modify your CSS for the drop-down menu and replace the top value with a negative value.

Example:

 

.dropdown {
    display:none;
    border:1px solid #CCC;
    background-color:#FFF;
    width:200px;
    padding:10px;
    position:absolute;
    top:-80px;
}
Best Answer
Best Answer
Answered By 10 points N/A #139603

I need help with drop up in jQuery

qa-featured

You can find many simple dropdown jQuery plugin over the internet whereas you can modify the content and just use the code. Most of it is free download.

I attached here a sample dropdown you can use. But you make sure you upload together with your html code the query that is attached here because it is important so the drop down menu will function properly. In the HTML code, it will create your main navigation and represents like an unordered list of the items on your menu. It also contains the styling of your menu on which you modify depends on the design you would like to see. Lastly, it also has the script where it will call on how the submenu will show when you mouse over the button.

Note: Kindly save the HTML code into .html and the JQUERY code into .js

Related Questions