jQuery pop! Simple drop down content plugin
by Jack K
jQuery pop is a simple little plugin that lets you put an up/down arrow anywhere on your page and when clicked it shows some content in a dropdown div. Handy for those times when you need a mini "menu" effect for a single item, but don't want all the overhead of a menu plugin (and don't need fly-out submenu's).
http://pop.seaofclouds.com/
I haven't actually used this one yet, but got it queued up for a little spin.
5 comments
Comment from: jyoseph [Visitor] · http://jyoseph.com
thank you thank you thank you thank you. Sometimes you need just a simple solution without all of the bloat. Gonna try this out for sure.
12/02/08 @ 12:29
Comment from: admin [Member]
Exackalackaly how I feel. Let me know what you think after trying it.
12/02/08 @ 13:10
Comment from: jyoseph [Visitor] · http://jyoseph.com
Messed around a bit with this and it didn't degrade as nicely as I had hoped. For instance if you look at the example and disable javascript it's a little messy. I'd rather the pop out remain hidden for browsers that dont have javascript enabled. What can ya do tho, it's still nice for a quick and dirty solution.
One other thing I thought would be nice, is an option for hovering. So this:
$(".pop_toggle").click(function () {
$(this).parent(settings.pop_class).addClass("active");
});
Could possibly become this? Worked okay after some brief testing but I'm no jQuery pro, or even close really ;-)
$(".pop_toggle").hover(
function () {
$(this).parent(settings.pop_class).addClass("active");},
function () {
$(this).parent(settings.pop_class).removeClass("active")}
);
One other thing I thought would be nice, is an option for hovering. So this:
$(".pop_toggle").click(function () {
$(this).parent(settings.pop_class).addClass("active");
});
Could possibly become this? Worked okay after some brief testing but I'm no jQuery pro, or even close really ;-)
$(".pop_toggle").hover(
function () {
$(this).parent(settings.pop_class).addClass("active");},
function () {
$(this).parent(settings.pop_class).removeClass("active")}
);
12/02/08 @ 21:33
Comment from: Manuel [Visitor]
Hi, I have been trying to use this JQuery Pop for my website, but I need to make an horizontal Menu, with 5 POPs, not only one.
Does anyone know how to modify this so it works, right now when I try to create 5 elements horizontaly only the first one has the Pop, the rest dont work.
can someone help?
thanks!
Does anyone know how to modify this so it works, right now when I try to create 5 elements horizontaly only the first one has the Pop, the rest dont work.
can someone help?
thanks!
03/05/09 @ 01:00
12/02/08 09:32:06 am, 