Take the 2-minute tour ×

I have a few links (they don't have to be a menu) all over the site. I need to have a dropdown block under some of them. Something like Anylink Dropdown as show on Dynamic Drive. I need to be able to place dropdowns directly under any link I want with ease. How can I achieve this with jquery?

$(document).ready( function(){

    $('#trigger').click( function(event){





I have a fiddle here

share|improve this question

closed as not a real question by Mr. Alien, Vohuman, artworkad シ, sachleen, talonmies Oct 28 '12 at 7:18


What have you tried? –  Vohuman Oct 28 '12 at 6:05
Come on guys. please don't ban me from posting. I fixed the question already. –  wolverene Oct 28 '12 at 7:33
Thanks @undefined. I need to put a dropdown block (can contain a menu or html) directly under any link I want on a page. not so good with javascript and jquery but I try. please see my fiddle if it helps in anyway. –  wolverene Oct 28 '12 at 7:47
So is should be based on the position of element on the page, like a tooltip? If yes, you can try using jQuery offset method and absolute positioning. –  Vohuman Oct 28 '12 at 7:49
Yes, exactly like how a tooltip positions itself based on the trigger element. can you show me a sample code? –  wolverene Oct 28 '12 at 7:52

1 Answer 1

You can use Jquery UI menu




share|improve this answer
This is very good. Although I need something quicker without having to bulk of jqueryui. I can use this one though for related stuff. Thanks. –  wolverene Oct 28 '12 at 7:42
