Member Avatar for Aksel

Hi :)

I'm trying to create a small javascript menu.

I have 4 images which serves as menuitems.

<div class="myMenuButton"><img goes here />
<div class="myMenuContent">
Random content1 here <br />
Random content2 here <br />
</div>
</div>
<div class="myMenuButton"><img goes here />
<div class="myMenuContent">
Random content1 here <br />
Random content2 here <br />
</div></div>
  etc....

is there a simple way of implementing a slider function to the images to toggle slide up/down the contents belong to this button? And if another image is clicked then all OTHER open slides should be closed while opening this one etc :)

  • 2 Contributors
  • 3 Replies
  • 138 Views
  • 10 Hours Discussion Span
  • Latest Post Latest Post by MartinRinehart
Member Avatar for MartinRinehart

There are a thousand lightbox functions on the web. Google and try some. If you can't find one you like, get back to us here. This is pretty simple JavaScripting.

Member Avatar for Aksel

There are a thousand lightbox functions on the web. Google and try some. If you can't find one you like, get back to us here. This is pretty simple JavaScripting.

Hi, thanks for your reply :)

I know how to use the toggleslide function in jquery..however I can't seem to figure out how to correctly only slide down the next div element and slide up all the rest on the same click :/

Member Avatar for MartinRinehart

Post a question in the jQuery forum, and/or a jQuery-specific question here. If that doesn't do the trick, let's write some JavaScript.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.