?
Solved

Nice JQuery Effect for Page needed

Posted on 2013-01-04
11
Medium Priority
?
284 Views
Last Modified: 2013-01-21
Hi everyone,

I'm looking for a nice JQuery effect to do the follows.

I have 8 menu catagories for page links on a page and when a user clicks on a catagory I would like it to do something fancy. There are about 9 catagories and each catagory has about 15-20 page links in them. I may put big buttons for each catagory and then when they are pressed a jquery transition is played showing the sub categories.

 I'm not 100% sure of the best page layout to go with this  yet so any suggestions would be appreciated. There are lots of jquery samples and tutorials online so pointing at one of these would be great.

Thanks,

D
0
Comment
Question by:TLN_CANADA
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 2
  • 2
  • +2
11 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 38746534
0
 
LVL 8

Accepted Solution

by:
wal_toor earned 2000 total points
ID: 38746697
Something like sorting/filtering?

http://css-tricks.com/filtering-blocks/
http://isotope.metafizzy.co/ (really cool)

Hope this is what you mean.

greetz,
walter
0
 

Author Comment

by:TLN_CANADA
ID: 38748030
Thanks everyone,

@Walter, I love the isotope script you sent on. We're having some difficultly setting it up though. Would you like me to open a new question for this or to discuss it here?

Thanks,

Derek
0
Quick Cloud Training

Looking for some quick training on the cloud in 2 hours or less? Check out these how-to guides in AWS, Linux, OpenStack, Azure, and more!

 

Author Comment

by:TLN_CANADA
ID: 38748077
It would be nice to be able to download the "elements complete" example (including graphcis) from website as I would only need to make some small changes to this and would have it working myself.

I downloaded the source files for this project but none of the demos have any content so it's difficult to see how they function.

Thanks for your help,

Derek
0
 
LVL 19

Expert Comment

by:Manoj Patil
ID: 38748985
0
 
LVL 8

Expert Comment

by:wal_toor
ID: 38749061
Hi Derek,

To be honest, I have never worked with isotope before, but it should'nt be hard. As long as the sortable elements have their unique tags as class it should work. But I am happy to help you. Can you provide an example?

greetz,
walter
0
 
LVL 26

Expert Comment

by:EddieShipman
ID: 38751004
You could turn your pages into a "book" using Turn.js and it does great:
http://turnjs.com/
0
 

Author Comment

by:TLN_CANADA
ID: 38764158
Thank you Walter for offering to help. I am on vacation until Monday but will post what I have made then. I have more of it working now but some guidance would be appreciated.
0
 

Author Comment

by:TLN_CANADA
ID: 38795947
Hi Walter, I am still working with getting the contents finalised before completing the CSS on this page. Thanks again for your offer to help.
0
 

Author Comment

by:TLN_CANADA
ID: 38804286
Thanks Walter, as you had provided the solution I have awarded the pointed to you and closed the question.

I have setup another question here asking for help with isotope and if you have time to assist me that would be greatly appreciated.

http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Jquery/Q_28003801.html
0

Featured Post

Enroll in August's Course of the Month

August's CompTIA IT Fundamentals course includes 19 hours of basic computer principle modules and prepares you for the certification exam. It's free for Premium Members, Team Accounts, and Qualified Experts!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question