DropDown Menu Script Question

Real Simple, if "United States" is chosen on my dropdown, I would like a certain textbox to dissappear. I have tried all of these syntax, but nothing will work, please help:
if(xfa.event.newTexT == 'United States'){
txtTempID.presence = "hidden";
or
if(this == 'United States'){
txtTempID.presence = "hidden";
or
if(this.rawVaule == 'United States'){
txtTempID.presence = "hidden";
or
if(this.rawVaule == '134'){
txtTempID.presence = "hidden";
None of these worked, btw United States has a value of "134" on my dropdown list. Thanks!

If that check box clicks only one time that would be fine, if not it will keep on add those values again and again.
Lets assume
Hidden field as - TextField3
your text field which need changes in text as - txtbox
here is the code.
First assign TextField3 value as txtbox initial value.
On form ready event assign the hidden field value to ur text field.
txtbox.rawValue = TextField3.rawValue;
on change event ur code like this
var oldV = TextField3.rawValue;
if(this.rawValue =='1'){
subformUS1.presence = "hidden";
txtbox.rawValue = oldV + "PLEASE READ!!!";
}else{
txtbox.rawValue = oldV;
RAGHU.

Similar Messages

How to make dropdown menu selection create more text fields?

I did some searching and am unable to find an answer for this. It could be because I don't know the name of what I'm trying to do (I'm a total LiveCycle Designer noob). I tried to find guides but they seem to be for newer versions of Designer (I'm using 8.2) so I'll ask here:
I'd like specific text fields to appear after a pulldown menu option is selected (empty fields w/ the captions already filled in). How can I go about doing this?
Thanks in advance!

The script I see when I click on the dropdown menu in question:
form1.#subform[0].DropDownList4::initialize - (FormCalc, client)
form1.#subform[0].DropDownList4::enter - (FormCalc, client)
form1.#subform[0].DropDownList4::exit - (FormCalc, client)
form1.#subform[0].DropDownList4::calculate - (FormCalc, client)
form1.#subform[0].DropDownList4::validate - (FormCalc, client)
form1.#subform[0].DropDownList4::preOpen - (FormCalc, client)
form1.#subform[0].DropDownList4::postOpen - (FormCalc, client)
form1.#subform[0].DropDownList4::mouseEnter - (FormCalc, client)
form1.#subform[0].DropDownList4::mouseExit - (FormCalc, client)
form1.#subform[0].DropDownList4::change - (FormCalc, client)
form1.#subform[0].DropDownList4::full - (FormCalc, client)
form1.#subform[0].DropDownList4::mouseUp - (FormCalc, client)
form1.#subform[0].DropDownList4::mouseDown - (FormCalc, client)
form1.#subform[0].DropDownList4::click - (FormCalc, client)
form1.#subform[0].DropDownList4::preSave - (FormCalc, client)
form1.#subform[0].DropDownList4::postSave - (FormCalc, client)
form1.#subform[0].DropDownList4::prePrint - (FormCalc, client)
form1.#subform[0].DropDownList4::postPrint - (FormCalc, client)
form1.#subform[0].DropDownList4::preSubmit:form - (FormCalc, client)
form1.#subform[0].DropDownList4::postSubmit:form - (FormCalc, client)
form1.#subform[0].DropDownList4::docReady - (FormCalc, client)
form1.#subform[0].DropDownList4::docClose - (FormCalc, client)
form1.#subform[0].DropDownList4::ready:form - (FormCalc, client)
form1.#subform[0].DropDownList4::ready:layout - (FormCalc, client)

- Looking for Drop Down menu script w/ semi-transparent backgrounds...

Looking for a dropdown menu script that will allow
semi-transparent
backgrounds (so we can partly see what the list is displaying
over).
I've Googled this to death using all the obvious keywords,
but have yet to
find what I'm looking for.
Thanks.

Yes. I understand and agree. Good point.
Thanks.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"T.Pastrana - 4Level" <[email protected]> wrote in message
news:[email protected]...
>I posted mainly for the benefit of Reese, I know you know
this.
>
>
> --
> Best Regards,
> ..Trent Pastrana
> www.fourlevel.com
>
>
>
>
>
>
> "Al Sparber- PVII" <[email protected]>
wrote in message
> news:[email protected]...
>> Actually, it's not an error. But we do happen to
have it in a CC on
>> that page because the last time I posted that page
on this forum it
>> was criticized for "failing" the W3C CSS validator.
>>
>>
http://www.projectseven.com/foxy.gif
>>
>> The Firefox console simply would report it as a
warning - not an
>> error. It would have no affect on the page. But
thanks for pointing
>> that out.
>>
>> --
>> Al Sparber - PVII
>>
http://www.projectseven.com
>> Extending Dreamweaver - Nav Systems | Galleries |
Widgets
>> Authors: "42nd Street: Mastering the Art of CSS
Design"
>>
>>
>>
>>
>> "T.Pastrana - 4Level" <[email protected]> wrote in
message
>> news:[email protected]...
>>> If you want your page to validate you might want
to separate the
>>> properties. Some modern browsers like Firefox
will throw an error
>>> with the filter property.
>>>
>>> #menu li {
>>> opacity: 0.85;
>>> }
>>>
>>> 
>>>
>>>
>>> --
>>> Best Regards,
>>> ..Trent Pastrana
>>> www.fourlevel.com
>>>
>>>
>>>
>>>
>>> "Al Sparber- PVII"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>> If, for example, you are using an unordered
list for your menu, set
>>>> opacity on the LI, like so:
>>>>
>>>> #menu li {
>>>> opacity: 0.85;
>>>> filter: alpha(opacity=85);
>>>> }
>>>>
>>>> As far as I know, there are no
"off-the-shelf" menu tools of worth
>>>> that offer this as an automatic option. You
should pick yourself a
>>>> good menu system then set opacity on the
relevant element. The
>>>> menu "script" or "system" really has nothing
to do with it.
>>>>
>>>> If you need a good base menu system, you can
find free ones and
>>>> commercial ones on our site. Here is an
example of one with
>>>> transparency:
>>>>
>>>>
http://www.projectseven.com/products/menusystems/pmm/css_tweaks/opacity/
>>>>
>>>>
>>>>
>>>> --
>>>> Al Sparber - PVII
>>>>
http://www.projectseven.com
>>>> Extending Dreamweaver - Nav Systems |
Galleries | Widgets
>>>> Authors: "42nd Street: Mastering the Art of
CSS Design"
>>>>
>>>>
>>>>
>>>>
>>>> "Reese" <[email protected]> wrote in message
>>>> news:[email protected]...
>>>>> Looking for a dropdown menu script that
will allow
>>>>> semi-transparent backgrounds (so we can
partly see what the list
>>>>> is displaying over).
>>>>>
>>>>> I've Googled this to death using all the
obvious keywords, but
>>>>> have yet to find what I'm looking for.
>>>>>
>>>>> Thanks.
>>>>>
>>>>
>>>
>>>
>>
>
>

Can a fill-in-the-blank or dropdown menu question have variable answers?

Hello -- I'm trying to create a fill-in-the-blank or dropdown menu question that allows the user to enter an anser with room for error. For example, if the user enters "0.30", then "0.28" and "0.32" would still be correct. Is there a javascript or something that would allow that? I'm willing to pay for a solution.

Perhaps so, but even with that range, I'd still likely opt for what I said earlier. It would seem simpler than devising an Advanced Action. Just list the following as acceptable answers.
0.28
0.29
0.30
0.31
0.32
And I might even go farther and list these too.
.28
.29
.30
.31
.32
But that's just me.

Question about multiple options selected in dropdown menu

I have limited space in a PDF fillable form (and of course am new to this). the Listbox option is nice in that the user can select multiple options. However, the list option also consumes a lot of physical space. If I have limited space (where a dropdown menu would be perfect), is it possible to set the Dropdown menu option to accept multiple selections (ie, more than one option selected by the user)?
Also, I do not have enough room for individual check boxes.
thanks

Another option is a custom dialog. In a form I designed that gets used a lot, a custom dialog presents the user with 60 check boxes (20 rows, 3 columns). Once the user makes selections, the item IDs are stored in a text field as a comma separated list (e.g., "1,6,21,59"). Unfortunately, it's not as easy to set up as simply placing a field since it does involve a decent amount of programming, but it does work well. Do you have any JavaScript programming experience?

Dropdown menu in APEX 4.0

Hi,
I am wondering how to create the Dropdown menu in APEX 4.0. Similar to the Oracle Application Express Homepage or the one gets created in any Websheet Application. I have tried to use the List but unable to place into the right position (Display Point) to get similar look and feel in Theme 2. Builder Blue.
Please let me know if there is a easy way along with the steps.
Thanks,
AS

The steps can be detailed as follows (I will make it specific to my theme -Application Builder- and you can replace what you want)
0) a) My Page template name is WithNicolettePlugin.
b) Put the Nicolette (Thanks alot for him) plugin on #REGION_POSITION_08# in Page Zero (Global page)
c) the settings of the plugin as follows:
- Template : WithNicolettePlugin
- Before HTML : <ul class="dhtmlMenuLG2"> - After HTML : </ul> - jQuery selector submenu : .dhtmlSubMenu2
- Tab set : main
- Include single subtab : yes
- Class first parent : ui-corner-left
- Class last parent : ui-corner-right
- File Prefix : #IMAGE_PREFIX#
the others are empty
1) link the following CSS's into the Header section of the Page Template of (Bluejay-22)
<link rel="stylesheet" href="/i/css/apex_builder.min.css?v=4.2.0.00.27" type="text/css" />
<link rel="stylesheet" href="/i/css/apex_ui.min.css?v=4.2.0.00.27" type="text/css" />
<link rel="stylesheet" href="/i/css/apex_ui_builder_home.css" type="text/css" />2) link the following Scripts into the Header section of the Page Template
<script type="text/javascript">
var apex_img_dir = "/i/", htmldb_Img_Dir = apex_img_dir;
</script>
<script src="/i/libraries/apex/minified/desktop_all.min.js?v=4.2.0.00.27" type="text/javascript"></script>
<script src="/i/libraries/apex/minified/legacy.min.js?v=4.2.0.00.27" type="text/javascript"></script>
<style> html {visibility:hidden;} </style>
<script type="text/javascript">
apex.security.framebreaker("D");
</script>
<script src="/i/libraries/apex/minified/widget.textarea.min.js?v=4.2.0.00.27" type="text/javascript"></script>
<script src="/i/libraries/apex/minified/builder.min.js?v=4.2.0.00.27" type="text/javascript"></script>3) Re-write the Body section to be as the following
<div id="page-header">
.... LOGO AND WELCOME HERE ......
   <div class="apex-top-bar-end">
       <div class="apex-top-bar">
            <div id="tabs" class="dhtmlMenuLG">
              #REGION_POSITION_08#   
            </div>
       </div>
   </div>
</div>
<div id="topbar">#REGION_POSITION_01##REGION_POSITION_04#</div>
<div id="messages">#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#</div>
<div id="body">
    <table class="tbl-body" cellspacing="0" cellpadding="0" border="0" summary="">
    <tbody>
      <tr>
        <td class="tbl-main" width="100%">#REGION_POSITION_02##BOX_BODY#</td>
        <td class="tbl-sidebar">#REGION_POSITION_03#</td>
      </tr>
    </tbody>
    </table>
</div>4- Update the section of Standard Tab Attributes to have Current Tab as the following *(PLEASE, REMOVE THE MINUS BEFORE onmouseover)*
<li class="dhtmlSubMenuN" -onmouseover = "dhtml_CloseAllSubMenusL(this)" >
<a href="#TAB_LINK#" class="dhtmlSubMenuN"
     title="#TAB_LABEL#">
     "#TAB_LABEL#
</a>
</li>
{code}
and Non Current Standard Tab as the following
{code}
<li class="dhtmlSubMenuN" -onmouseover = "dhtml_CloseAllSubMenusL(this)" >
<a href="#TAB_LINK#" class="dhtmlSubMenuN"
      title="#TAB_LABEL#">
      "#TAB_LABEL#
</a>
</li>5- Update the section of Parent Tab Attributes to have Current Parent Tab as the following
<div id="#TAB_ID#" class="current">
    <a href="#TAB_LINK#" title="#TAB_LABEL#" class="link_text">#TAB_LABEL#</a>
    <a href="#" class="link_icon">
      <img src="/i/apex/builder/down_dark_12x12.gif" width="12" height="12"
           class="dhtmlMenu" alt="#TAB_LABEL# Drill Down"/>
   </a>
   <ul id="#TAB_NAME#" htmldb:listlevel="1" class="aTabs dhtmlSubMenu pulldown-tabs" style="display:none;">
       #TABS#
       <li class="last" dir="RTL"><span></span></li>
    </ul>
</div>and Non Current Parent Tab as the following
<div id="#TAB_ID#" class="non-current">
    <a href="#TAB_LINK#" title="#TAB_LABEL#" class="link_text">#TAB_LABEL#</a>
    <a href="#" class="link_icon">
      <img src="/i/apex/builder/down_dark_12x12.gif" width="12" height="12"
           class="dhtmlMenu" alt="#TAB_LABEL# Drill Down"/>
   </a>
   <ul id="#TAB_NAME#" htmldb:listlevel="1" class="aTabs dhtmlSubMenu pulldown-tabs" style="display:none;">
       #TABS#
       <li class="last" dir="RTL"><span></span></li>
    </ul>
</div>6- You will find a sample here in
Workspace : ralab
User : nicolette
Password : abc123
Application 33791 - TestDropDownAppBuilderTabs
If the post completes your solution mark it as correct and the question as answered, otherwise, mark it as helpful.
Best Regards
Mahmoud

How to create a dropdown menu with sub buttons that link back to the labels on click.

im trying to create a dropdown menu buttons that when you rollover to the top central button the button it opens up like a drop down menu would containg two other subsectional buttons. This makes the sub sectional buttons seperate from the main stage making it difficult to simply give them a on click, sym.play("label") function.
the buttons work like this in symbols or sections stage/panel/homebutton inside home button is group dev containg another group dev containg the button which I need to link back to a "label" in the /panel/ symbol or section. Thank you very much.

pdp_1 wrote:
Hi!
I would like to create a DVD menu that offers two languages. So the first page gives two options: Language 1 and Language 2. Then depending on which language you choose, you go to a menu that proposes different videos and a photo slideshow.
Regardless on which language button you click on initially, you get the same content but in different languages.
I've been looking at Premiere's templates, which I can certainly customize, but I really don't see how to create the double menu. Does anybody have an idea?
Put the video with the first language on the timeline followed by the video with the second language. Use chapter markers so you can have each video as a chapter in the menu.
I use Premiere Pro, so I can't give more specific directions. Perhaps somebody like ATR will chime in.
Also, I have another question: can I put videos from different projects in the same DVD with Premiere or must all of the videos that go into the DVD be in the same project?
Thank you very much!!!
pdp1
They must be in the same project.

How to add a dropdown menu in flash document (.swf, .fla) ??

How to add a dropdown menu in flash document (.swf, .fla) ??
as i am developing a website for my semester proj, i need to add some flash contetn in the website..
here is the link, http://www.mediafire.com/?wnx1jkwkkx9c118
Check Out..
the thing is i want a dropdown list/menu in "language selection - tab " (check the html page in above link).. plz help me out..
Thank You,
sairam

For Flash questions check the Flash Forums.
http://forums.adobe.com/community/flash
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Creating a dropdown menu from an image hotspot

How do you create a dropdown menu from an image hotspot? For
example, this website is a single jpg image with links generated
from hotspot coordinates on the image. Can I have someone click on
a hotspot and a dropdown menu appears?
Thanks in advance for the help!

Unfortunately, everyone knows, but nobody wanted to tell you.
Given this fact -
> this website is a single jpg image with links generated
from hotspot
> coordinates on the image.
one can assume that you are not very experienced with DW or
even with HTML.
In that case, the practical answer to your question would be
"no".
To create a 'drop-down' menu, you need to have a full web
page (not just an
image with image maps), containing a menu HTML structural
element. While
you *could* just place hidden elements on the page that would
only be
revealed (i.e., drop-down) when your image maps are rolled
over, the
practical reality is that this would be an extremely awkward
construct, and
not only most likely beyond the ken of someone who is
inexperienced, but
also just plain 'not right'.
Sorry to give you the bad news.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"dimplechin" <[email protected]> wrote in
message
news:g0kdnk$cn1$[email protected]..
> No one knows?

How to add a dropdown menu to the search box (the 'search this site' box that appears on all subsites)

Hello there,
I know that in the search center you can add search verticals. Then you can configure the search box so it has a drop down menu so you can specify the result source you want to search.
But my question is about the 'search this site' box which appears on all subsites, so not the one in the search center. Is it possible to add the same dropdown menu to this box as in the search center?
Thanks in advance!

Hi,
According to your post, my understanding is that you wanted to add a dropdown menu to the search box.
You need to look at the Search Settings page that is located under the Site Collection Administration of the Site Settings.
Here are some similar blogs for your reference:
SharePoint 2013 Search Settings and Search drop down menu
Customizing Search Navigation on a SharePoint 2013 Publishing Site
Best Regards,
Linda Li
Linda Li
TechNet Community Support

The dropdown menu in the banner should be behind the text fields.

Hi Andy,
In our Application we have three Menus...The problem we are facing in that when ever we move the cursor, a drop down list will appear.. which is covering the text fields...
The dropdown menu in the banner should be behind the text fields.
Can u pls help me in this...
anoo..

Hi Anoo,
(You can actually ask questions to everyone, not just me!)
Normally, dropdown menus are supposed to be on top of all other items, so the user can pick an option from the menu. In fact, usually the problem is that select lists in IE appear on top of menus, not the other way around!
What you may have to look in to is adding a z-index value to items. Have a look at: http://msdn.microsoft.com/en-us/library/ms531188(VS.85).aspx
z-indexes determine the order in which items appear when two or more occupy the same space on the page. The higher the number the nearer to the top that item is. You can use negative or positive numbers. So, if item A has a z-index of 1 and item B has a z-index of 2, then item B will appear on top of item A.
A z-index can be set as a style on your menus:
<........ style="z-index:-1".....>Andy

Creating a vertical dropdown menu that displays inline

I would like to change how my dropdown menu displays. First I'd like for it to dropdown directly underneath its menu item and in the process move the other links down. And remain visible until it is clicked again, thereby shifting other links back up.
Here is what I am trying to accomplish:
Main menu:
main link 1
main link 2
main link 3
main link 4
Then when user clicks on a link:
main link 1
   sub item
   sub item
   sub item
main link 2
main link 3
main link 4
And for it to remain displayed like the above until clicked again.
So in essence it could even look like this as a user is navigating:
main link 1
   sub item
   sub item
   sub item
main link 2
   sub item
   sub item
   sub item
main link 3
   sub item
   sub item
   sub item
main link 4
   sub item
   sub item
   sub item
And then each submenu disappear as its main link is clicked again.
Hope this makes sense and hope someone can help.
Thanks!
P.S. Im using Dreamweaver CS6

Bare bones example: (needs styling with css) (if you want a bit more of a smooth animation use - $(this).find('.sub_menu').slideToggle(); instead of $(this).find('.sub_menu').toggle(); in the jQuery script below highlighted in red
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Drop Down Menu</title>
<style type="text/css">
ul {
margin:0;
padding:0;
list-style-type:none;
/* hide sub menu */
.sub_menu {
display: none;
    /* indent sub menu */
.sub_menu li {
padding-left: 10px;
        </style>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.menu').click(function() {
$(this).find('.sub_menu').toggle();
</script>
</head>
<body>
<ul id="navigation">

<li class="menu"><a href="#">Menu 1</a>
<ul class="sub_menu">
<li><a href="#">Sub Navigation 1</a></li>
<li><a href="#">Sub Navigation 2</a></li>
<li><a href="#">Sub Navigation 3</a></li>
</ul>

</li>
<li class="menu"><a href="#">Menu 2</a>
<ul class="sub_menu">
<li><a href="#">Sub Navigation 1</a></li>
<li><a href="#">Sub Navigation 2</a></li>
<li><a href="#">Sub Navigation 3</a></li>
</ul>

    </li>
<li class="menu"><a href="#">Menu 3</a>
<ul class="sub_menu">
<li><a href="#">Sub Navigation 1</a></li>
<li><a href="#">Sub Navigation 2</a></li>
<li><a href="#">Sub Navigation 3</a></li>
</ul>
    </li>
</ul>
</body>
</html>

Why is help missing from help dropdown menu?

Why is help missing from Ps CC help dropdown menu in preferences?

bumpkin wrote:
Why is help missing from Ps CC help dropdown menu in preferences?
???? I see help being shown in some of Photoshop preferences pages but both of you questions confuse me.

HELP: Javascript dropdown menu

Hi all,
i am currently developing a website which is all ready to be
uploaded but
cant because of a javascript dropdown menu.. I have a flash
slideshow in the
center and on the rightside are 6 images (mainlinks) one
below the other.
Some of these mainlinks have sublinks which need to be
displayed as
dropdowns. The dropdown needs to be as Javascript for easy
future
changes/additions and not in flash.
I visited many websites - javascripts.com / simplythebest /
dynamicdrive
/hotscripts and many other sites..but failed to find a
suitable, easily
editable and compatible script..
REQUIREMENT -
1) dropdown menu on image Mousever
2) The script should have/allow to set the respective x,y
(left,top) values
which some scripts lack.
3) Compatible for IE and Firefox
The only 1 compatible and easy editable script i had was
mm_menu by Andy
Finnell. But sadly the script is missing something and giving
errors.
PLEEASE HELP//
thanx

if you're using flash 8 you can use the externalinterface
class. otherwise, the best you can do is very much browser
dependent.

Toggle Dropdown Menu, Help Please

I have this CSS below, and it works like a charm for what it's supposed to do, but I noticed that the dropdown menu only comes down when the mouse hovers over the button. I want it so that it only drops down when clicked on, allowing the user to toggle the menu off and on. The menu and dropdown menu I'm talking about only shows up on my phone layout of the site. How do I make this dropdown menu drop on toggle instead of mouse hover.
.phonemenuwrap {
    width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;
.phonemenu {
    width:100%;
    margin:0px auto;
    background:#89181A;
.phonemenu li {
    margin:0px;
    width:100%;
    list-style:none;
    font-family:Arial, Helvetica, sans-serif;
    background:#2e2728;
.phonemenu a {
    transition:all linear 0.15s;
    color:#919191;
.phonemenu li:hover > a, .phonemenu .current-item > a {
    text-decoration:none;
    color:#be5b70;
.phonemenu .arrow {
    font-size:11px;
    line-height:0%;
/*----- Top Level -----*/
.phonemenu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:19px;
.phonemenu > ul > li > a {
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
.phonemenu > ul > li:hover > a, .menu > ul > .current-item > a {
    width:100%;
    background:#2e2728;
/*----- Bottom Level -----*/
.phonemenu li:hover .sub-menu {
    z-index:1;
    opacity:1;
.sub-menu {
    width:100%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
.sub-menu li {
    width:100%;
    display:block;
    font-size:16px;
.sub-menu li a {
    padding:10px 30px;
    display:block;
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#3e3436;
My site: Showcase Design & Build: Pinehurst, Fayetteville and Sanford Custom Home Builder

Hyde1216 wrote:
Still doesn't seem to be working, even after doing all of the above. The problem is still that the menu either stays dropped down, or it never gets dropped down.
Ok lets go through this again. I made an error in my orignal code and I now have had a better chance to unravel your css.
1) Comment out the css selector as shown below using /* */
.phonemenu li:hover .sub-menu {
z-index:1;
opacity:1;
2) Comment out the 'opacity: 0;' as shown below using /* */
.sub-menu {
    width:100%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    /* opacity:0; */
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
3) Add the jQuery framework library and script - copy the below code and paste it into your pages code directly before your closing </head> tag. (NOTE: I have added - $('.sub-menu').hide(); - to hide the submenu when the page loads).
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$('.sub-menu').hide();
$('.openMobileMenu').click(function() {
$('.sub-menu').toggle();
</script>
4) Add class="openMobileMenu" to the a tag which is wrapping your 'dropdown.png' image, as shown below.
<a href="#" class="openMobileMenu"><img src="images/dropdown.png" width="36" height="27" alt="Dropdown"><span class="arrow">▼</span></a>
Thats it - your phone menu should now toggle when the hamburger icon is clicked.
EDITED: ALSO don't use a minus z-index for the 'sub-menu' - use a higher number like 10, as shown:
.sub-menu {
    width:100%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index: 10;
    /* opacity:0; */
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;

DropDown Menu Script Question

Similar Messages

Maybe you are looking for