#drop down menu

[sak-ao3-tips]

For more see index.

How To Add A Working Hyperlink (and other cool shit)

You may have noticed that pasting a basic Web link into ao3 doesn't work. Well there is a relatively simple solution to that problem that allows you to insert links and even make them look nice and tidy.

Adding A Hyperlink

A working hyperlink can be added using this pice of code:

<a href="add link here">write what you want the it to say here</a>

I'm just going to link my Tumblr here as an example:

https://sak-supernatural.tumblr.com/

|

\/

Come give me a follow?

Adding A Drop Down Menu

A drop down menu can be added using this piece of code:

<details><summary>Add what you want to be displayed here</summary>Add whatever you want to hide in the drop down here.</details>

[gothic-christcore]

[codingflicks]

Drop Down Menu HTML CSS

[amazing-jquery-plugins]

Windows Style Multi-level File Menu In jQuery

This is a simple-to-use, SEO-friendly jQuery site navigation plugin to generate a Windows File Explorer style multi-level dropdown menu from nested HTML unordered lists.

Demo

Download

[ilovesaramoonkids]

HELP!!!  My Gallery Drop Down Menu will not change.  I can’t look up by origin ID.  Can anyone tell me how to fix this???? 

[charmedthemes]

Hi there I've been fiddling around with your tags 2 page theme and I was wondering (as I can't access the drop down menu tutorial anymore) if you had any other tutorials on how to add a drop down option into the page itself? sorry if I'm not making much sense!

Yeah sure! I have my own dropdown script as well, so I would be happy to help you out. 

I originally used acuite’s script, but at one point it wasn’t working for something that I needed so I made my own! Okay here we go

Here is my script:

<br />$(document).ready(function(){<br />    $(“.title”).click(function(){<br />   $(this).next(“.menu”).slideToggle( 400 );<br />});<br />});

Just paste this code into your theme and replace .title and .menu with what your own title/dropdown menu are called

If you would like to change how fast the dropdown menu appears then just change ‘400’

If you’d like me to explain how it works, feel free to ask :)

[octomoosey]

Hi there! So, this isn't relevant directly to your themes, but you seem really friendly, so I was wondering... How could I turn a regular ol' menu link into a little drop-down? It's for a portfolio, and I don't want the "portfolio" text on the menu to be clickable but offer a dropdown of links to specific sections, like character design portfolio, novel cover portfolio, etc. :( I'm veeeery new to HTML/CSS, and I'm afraid I'll break the code somehow if I try.

hi there anon,there are lots of ways to create drop down menus - you can have a click to drop down or just a hover drop down.  it really depends what you want to achieve... if you want the menu link to appear somewhere within a list of current links, you may also need to edit your current code - it may not be a straight forward addition.  also - there’s nothing wrong with trial and error - believe me!  just make sure to save a copy of your code before you start to edit it, and if anything goes a little bit sideways, you can always revert back to it!  

as a starter for ten you could try checking out these tutorials - 

hover menu

click menu

as mentioned these will need to be integrated with your current code/menu, and you may need to adjust the styling.  without knowing where you want to place this i’m afraid that’s about as much as i can suggest!  if you get stuck or have problems, you could ask the original code author of your theme, providing they offer assistance for customisations!

good luck!

[amazing-jquery-plugins]

Trendy Morphing Dropdown Menu With jQuery And CSS3

A trendy site navigation concept that morphs the hamburger button into a dropdown menu using jQuery and CSS3 animations.

Demo

Download