Solved

Nice JQuery Effect for Page needed

Posted on 2013-01-04
11
278 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
  • 5
  • 2
  • 2
  • +2
11 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 38746534
0
 
LVL 8

Accepted Solution

by:
wal_toor earned 500 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
 

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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 19

Expert Comment

by:Manoj Patil
ID: 38749003
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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
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)

910 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now