Good day guys. I'm trying to create a drop-down box for my navigation, just like the one used to reduce the space occupied by the navigation links here on nairaland. I mean that type that has a '+' symbol by it. When you click it, the '+' changes to '-' and the content become visible. What's the html tag for it?

Craigston: Good day guys. I'm trying to create a drop-down box for my navigation, just like the one used to reduce the space occupied by the navigation links here on nairaland. I mean that type that has a '+' symbol by it. When you click it, the '+' changes to '-' and the content become visible. What's the html tag for it?

NL does not have drop down menus.

You can create a drop down using html/css or javascript/jquery.

I guess this is what you're looking for:

<select>
  <option>craigston</option>
  <option>craigston web</option>
  <option>craigston pro</option>
  <option>pls ban craigston</option>
</select>

Craigston: Good day guys. I'm trying to create a drop-down box for my navigation, just like the one used to reduce the space occupied by the navigation links here on nairaland. I mean that type that has a '+' symbol by it. When you click it, the '+' changes to '-' and the content become visible. What's the html tag for it?

what you are referring to is a final product of opera mini compression.
You only see that in opera mini.
That is not to say it cant be implemented with js and css.

GodMode:

NL does not have drop down menus.

You can create a drop down using html/css or javascript/jquery.

I guess this is what you're looking for:

<select>
  <option>craigston</option>
  <option>craigston web</option>
  <option>craigston pro</option>
  <option>pls help craigston</option>
</select>

I understand this. But it doesn't give me the compression and the arrow sign still shows, instead of the plus sign.

Craigston: I understand this. But it doesn't give me the compression and the arrow sign still shows, instead of the plus sign.

Then that will involve js/jquery and css.

jumox: what you are referring to is a final product of opera mini compression.
You only see that in opera mini.
That is not to say it cant be implemented with js and css.

That means opera mini does it even if it's not part of the source code. Okay. And some forms of it would need you to click a button before the navigation links load. You'd see something like this( >> ) on the button. I want either of the both examples to make my navigation occupy less space.

GodMode:

Then that will involve js/jquery and css.

Okay. I'll try it.

Craigston: Okay. I'll try it.

do you have jquery

GodMode:

do you have jquery

Not yet. I'm a newbie. When I'm ready for it, I'll do it.

Craigston: Not yet. I'm a newbie. When I'm ready for it, I'll do it.

I have what you want but you'll need jquery cos doing it in javascript is stressful

GodMode:

I have what you want but you'll need jquery cos doing it in javascript is stressful

I don't know much of that. I'm a newbie. I've just started learning javascript. I'd have gone farther in this if I had a pc. So I'm learning html, css and javascript on mobile which limits me greatly. I hope I'll get a pc someday. You can just leave the procedure in my inbox. When I'm ripe, I'll check it out.

Okay guys. I have another problem here. I want to display login form on a page header when the sign in link is clicked. I tried it with javascript using this code:
<script...>[!CDATA [function signIn(var logForm='<form>...</form>' document.write(logForm); )]]</script> and the html:
<a onClick='signIn()'>Log in</a>. It doesn't even show any sign to work. Could someone please help.