text:
Miami, FL (PRWEB) July 28, 2014
On August 1, the Common Application goes live, and students can start filling out applications to the over 500 colleges that participate in the program. These schools are in 47 states and the District of Columbia, as well as in Austria, France, Germany, Italy, United Kingdom, and Switzerland. The colleges and university members are of all sizes and missions and include public and private schools, even the Ivy League schools.
"Keeping organized is the best way to complete what will seem like a daunting task," said Mandee Heller Adler, CEO and founder of International College Counselors.
Here are some other tips from International College Counselors.
Keep pertinent information easily accessible.
Print out the following and put it in an expandable folder. Then don't lose track of the folder.
Students applying as an in-state resident will usually need to show a few documents for proof.
The 2014-15 Common Application Essay Prompts can be found on the Common Application site.
Students can attach a resume only if a specific school asks for it. There will be an upload area for it within the college's writing supplement.
Students can do this by checking the completion Dashboard. When submitting the application, some materials must be submitted together, while others can be submitted independently. The entire Common App must be completed before it is submitted.
This can be accomplished on an old-fashioned wall/desk calendar. Another way to keep track is to program the dates into the phone and set it up to send alerts as the deadlines approach.
This will help ensure that all the printed materials, notes, correspondence, passwords, and photos are kept together. They will all start running together otherwise.
Some colleges require applicants to submit writing supplements. These supplements may only be submitted after Application materials have been submitted. Optional writing supplements are not really optional and a number of schools have already posted theirs for the upcoming year. Some colleges give interested applicants the option to complete and submit an Arts Supplement as part of their application. Some member schools replaced the Arts Supplement with Slideroom.com integration. Students need to make sure they know the requirements of each college they plan to apply to.
Whenever an email to a school or interviewer is sent, or a response is received, print it out and add it to the folder. Also take screenshots of completed applications and confirmations. One student used a screenshot to prove his application was not late and it worked. It's best to keep all this together.
The application cannot be completed in one night or even one weekend. Taking it all on at one time is going to be overwhelming. Pick a date for contacting teachers, counselors, or coaches who are writing recommendations. Set time aside to really work on the essays. Then remember to check the application over multiple times before you send it.
"Students should look at the Common Application as a challenge and not a chore. If anything, the process will allow them to hone needed organizational skills and learn more about themselves," said Adler.
August 21 8pm – Books & Books Coral Gables
What should every public school student know about college admissions? Come hear author and CEO of International College Counselors, Mandee Heller Adler, as she reads and discusses her new book, From Public School to the Ivy League: How to get into a top school without top dollar resources.
This year, college advisors at International College Counselors helped more than 300 students find, apply to and gain acceptance into the college of their dreams. The expert college counselors at International College Counselors are dedicated to helping students and their families successfully navigate the college application process.
For more information on International College Counselors or to contact an expert college counselor, please visit http://www.internationalcollegecounselors.com.


text:
Political party strength in Washington (state)
From Wikipedia, the free encyclopedia
- For Washington, D.C., see Political party strength in Washington, D.C.
The following table indicates the party of elected officials in the U.S. state of Washington:
- Governor
- Lieutenant Governor
- Secretary of State
- Attorney General
- State Treasurer
- State Auditor
- Comptroller General
- Commissioner of Public Lands
- Commissioner of Insurance
- Superintendent of Public Instruction
The table also indicates the historical party composition in the:
- State Senate
- State House of Representatives
- State delegation to the U.S. Senate
- State delegation to the U.S. House of Representatives
For years in which a presidential election was held, the table indicates which party's nominees received the state's electoral votes.
The parties are as follows: Democratic (D), Nonpartisan (NP), Populist (P), Republican (R), and a tie or coalition within a group of elected officials.
- ^ a b c d e f g h i j k l m n o Governor of Washington Territory.
- ^ a b c d e f Died in office.
- ^ a b Resigned.
- ^ a b As lieutenant governor, filled unexpired term.
- ^ a b c d e Initially appointed by Governor to fill vacancy; later elected in his own right.
- ^ As lieutenant governor, filled unexpired term, and was later elected in his own right.
See also[edit]

subset: commoncrawl


text:
May 3, 2005 8:23 AM PDT
PlayStations of the cross
- Related Stories
Xbox chief talks up next generationApril 27, 2005
Video game market up in first quarterApril 25, 2005
The Force is strong with these game PCsApril 19, 2005
FAQ: The next video game consoles?April 11, 2005
Blurring the line between games and lifeFebruary 28, 2005
Dare you fight the possessed tomatoes?October 1, 2004
Is there a place amid the witches, warlocks and diabolical monsters for Christian video games?
The New York Times
The story "PlayStations of the cross" published May 3, 2005 at 8:23 AM is no longer available on CNET News.
Content from The New York Times expires after 7 days.
4 commentsJoin the conversation! Add your comment
- It's the ethics of the game that matter most
- A "Christian" game doesn't need to contain crosses to be Christian. It doesn't even need to contain scripture. What it does need is a compelling plot where good ethical conduct gets you through the conflicts and leads you down the path to victory.
I would argue that there are at least a few existing game titles that meet this standard.
I would also like to point out that good ethical conduct is not restricted soley to Christians; lets not forget the Jews and Muslims in this endevor.
- Like Reply Link Flag
- I think they've tried this kind of thing in the past...
- it's not a bad idea, but games that have Christian (read religious) themes haven't sold well in the past. Maybe with the increased popularity and more older people (people over 18) playing games they'll have more success. I tend to agree with the previous poster that the games don't necessarly need to contain scripture etc, they just need to be Christian friendly (ie no killing prostitutes etc and good ethics). I think going the later route opens up more possibilities and a greater chance of success. That and people who aren't necessarly Christian will probably be more willing to buy a copy of the game.
- Like Reply Link Flag
- Great article
- Not many people are talking about the movements Christians are doing these days. The Secular world doesn't want to know, but always complains for changes and better living. Well, here is another great aspect! Praise GOD!
- Like Reply Link Flag
- But is it fun?
- As a gamer, I don't really care if a game is "Christian" or "Satanic" or none of the above. What I care about is simple: Is the game fun? And more to the point, is it more fun than other games that are out there? That is what will ultimately decide where my money gets spent.
I won't say it's impossible for a company like this to succeed. Christian rock music is rather popular today, but that is because the focus is on making good music. If Rev. Bagley's company focuses on making good games, then it has the potential to fill a void in a willing market, and I wish him the best of luck.
I am a little concerned with his efforts, though, because of quotes such as "We're going to hold the word of God up and illuminate the place... We're taking the land back from Satan." It makes it sound as if the goal is to preach, and the games are just another tool he will use in that effort. If that is the case, then I am sure he will have a small market of the existing "Catechumens," but he will not be very successful in mainstream America.
- Like Reply Link Flag


text:
The Brain and Spine Institute is made up of experts in the field of neuroscience in order to bring patients the best healthcare in East Tennessee for a full range of neurological diseases and disorders.
Save news, events, articles and doctor's information to your personal clipboard for later reference.
Add items by clicking the button.
The Brain and Spine Institute is made up of experts in the field of neuroscience in order to bring patients the best healthcare in East Tennessee for a full range of neurological diseases and disorders.
We provide a comprehensive continuum of cancer services, including prevention, outreach, diagnostic, treatment and support services delivered by our highly skilled staff with compassion and care.
Emergency and Trauma Center is the only Level I Trauma Center in the area and serves as the tertiary referral center for medical care in East Tennessee, serving Knox County and 21 surrounding counties.
The Heart Lung Vascular Institute brings together expertise in clinical care, teaching and research. Patients receive exceptional healthcare combined with patient-centered care.
Our center is dedicated to caring for you with a comprehensive range of orthopaedic services. Whatever your orthopaedic needs, our team delivers the most advanced skills, interventions and treatments available in East Tennessee.
The Center for Women & Infants Health is a hub for supporting women's and infants individual healthcare needs. The center provides support, research and unmatched patient-centered care.
Published: Tuesday, August 14, 2007Cardiothoracic surgeon Dr. Jeffrey Everett recently joined The University of Tennessee Medical Center. Everett specializes in minimally invasive cardiac procedures, heart valve surgery and coronary bypass surgery. He will work with the practice of University Heart Surgeons at the medical center and will serve as an associate professor with the Division of Cardiothoracic Surgery at the UT Graduate School of Medicine.


text:
UPDATE: A spokesman for AMC Theatres responded to Consumerist's request for comment, saying the company takes movie theft "very seriously," which is why the feds got involved. [More]
Man Wearing Google Glass Claims Movie Theater Called FBI To Arrest Him For Piracy
Court Throws Out Case Against Driver Ticketed For Wearing Google Glass
The saga of the California driver ticketed for wearing a Google Glass device while behind the wheel has come to an end, with the court throwing out the controversial charge, but leaving open the door for police to issue Google Glass-related tickets in the future. [More]
Driver Ticketed For Wearing Google Glass Goes On Trial Today
UPDATE: The San Diego traffic court commissioner in this case has thrown out the citation against the driver, saying the police officer had no proof that the driver's Google Glass device was turned on while she was driving. [More]
Woman Ticketed For Driving With Google Glass Pleads Not Guilty
Back in October, a California woman was given a ticket for driving while sporting a Google Glass device. Yesterday, she appeared in court to enter a plea of not guilty on the charge of distracted driving. [More]
Google Glass Prepping To Be More Than Geeky Headgear
Maybe you want to buy Google's wearable Google Glass device when it hits the market, but don't want to look like you're dressed as Tech Engineer #3 from some episode of a late '90s sci-fi movie? The company is reportedly talking with at least one eyewear company to come up with designs for Google Glass that would integrate prescription lenses and make the wearer slightly less conspicuous. [More]
This May Be The First Ticket For Wearing Google Glass While Driving
California law prohibits drivers from operating a vehicle when some sort of video screen is showing "entertainment or business applications" that are in the front seat area or otherwise visible to the driver. And at least one police officer in San Diego thinks this law applies to Google Glass. [More]
Google Wants You To Sell Your Friends On Its $1,500 Glass Devices
Is it lonely on the top of technology hill, where you sit gazing out over the landscape with your Google Glass perched saucily on your nose, surveying all you see? Instead of selling your friends the devices itself, Google wants you to be the one to convince your pals they also need a pair of $1,500 Google Glass spectacles. So you won't be lonely! [More]
Siri Is Apparently Working Through Her Issues With Google Glass
So there's Siri, holding court in the cafeteria and straight up lovin' it: Everyone's asking her questions, and how to do stuff and being like, "But what do you think about this, Siri?" Suddenly everyone is buzzing about the new kid, this Google Glass guy who says he knows a thing or two about this and that. And Siri, apparently, is not taking to sharing the virtual assistant throne well. Or rather she's taking it with just a grain of sass. Glass sass. [More]
Add Casinos To The List Of Places You Can't Wear Google Glass
I remember watching the movie Casino for the first time, where there's an intricate scene involving card cheats who are trying to pull a fast one over the casino by way of some kind of electronic signals sent with the tap of a finger. "Wow!" I thought. "That's so high-tech! Good thing Ace (Robert De Niro's character) is so wily!" Now just imagine those guys had Google Glass — Ace would not be pleased. As such, New Jersey regulators (and other lawmakers around the country) are preparing against a potential for Glass gadgetry to enhance gambling. [More]
It Only Took A Few Hours After Sexytimes App Debuts For Google To Ban Porn On Google Glass
If you're in the mood for love, simply because you're near your heart's desire, you better keep your clothes on if you happen to be sporting Google Glass. Just hours after the first porn app for the cyborg glasses was announced, Google officially banned any sexually explicit material on the devices. That's one point of view Google seems to not be interested in. [More]
Google Says No (For Now) To Facial Recognition Apps For Glass
As consumers test Google's Glass device on the streets and subways of America, many people have raised privacy concerns about the possibility of developers creating facial recognition apps for the wearable computers. But Google is trying to calm those fears by saying it won't allow such apps… for the time-being. [More]
Don't Even Think Of Letting Anyone Buy Or Borrow Your New Google Glass Specs
So there you are, one of the first people to get their hands on the Google Glass. You're tooling around like Geordi LaForge, taking photos or seeing maps or whatever, and your friend is all, "Hey, cool! Can I borrow those?" Stop right there, says Google. The first users of these specs are strictly forbidden from selling, loaning or otherwise letting anyone else touch them. [More]
Google Glass Taking Applications To Become America's Next Top Cyborg
If you've ever sat gazing out a window using just your own boring nature-given eyeballs and thought, "Oh, if only I were more like Geordi LaForge, and also I have lots of money to spare," then Google Glass wants you. The company is taking the next step toward making its wearable computing devices a reality and is offering up the chance for tech-lovers to be among the first to try it. [More]
No, That's Not A Cyborg — It's Sergey Brin Riding The NYC Subway Rails Wearing Google Glass
While Star Trek: Next Generation actor LeVar Burton is no doubt waiting to take the Google Glass specs for a spin, it seems like for now Google's co-founder Sergey Brin has taken it upon himself to test them out. He was snapped wearing the eyewear in the wild while cruising on the 3 train in New York City. [More]


text:
ROME: Inter Milan coach Gian Piero Gasperini's position became increasingly untenable Tuesday as the Serie A giants' winless run continued with a shock 3-1 defeat at promoted Novara.
Inter have not won away in five games this season, putting increasing pressure on Gasperini as the humiliation against Novara, returning to Serie A after 55 years, follows last week's home loss to outsiders Trabzonspor in the Champions League.
Inter are languishing in 17th position with just 1 point from three games.
Marco Rigoni's double lifted Novara to their first win of the season and provisional 5th place.
Inter danger man Giampaolo Pazzini started on the bench but was brought on by Gasperini at half time in place of an uninspiring Diego Forlan after Riccardo Meggiorini had put the hosts ahead after 38 minutes.
With Inter midfielder Cambiasso struggling to keep up, Mazzarani had only Julio Cesar to beat in the 53rd but shot directly at the goalkeeper, while Novara substitute Luigi Giorgi had a shot tipped over the bar in the 72nd.
Pazzini had Inter's best chance of the night, a shot at goal on 61 minutes, but it went wide.
Inter's defense were made to work by pairing Meggiorini and Andrea Mazzarini with the latter missing a chance for a second goal after 53 minutes.
Japanese striker Takayuki Morimoto, who caused endless headaches for Inter defender Andrea Ranocchia all evening, finally obtained a penalty for his side which Marco Rigoni transformed four minutes from time.
And in a late scramble for goal Esteban Cambiasso reduced the deficit for the visitors with a minute to go before Rigoni got his second one minute into time added on.
Leaders Napoli travel to Chievo Wednesday as 2nd-placed Juventus host Bologna who are looking for their first points. AC Milan host 3rd-placed Udinese as AS Roma look for their first win under Luis Enrique Thursday against promoted Siena.
Your feedback is important to us!
We invite all our readers to share with us their views and comments about this article.
Disclaimer: Comments submitted by third parties on this site are the sole responsibility of the individual(s) whose content is submitted. The Daily Star accepts no responsibility for the content of comment(s), including, without limitation, any error, omission or inaccuracy therein. Please note that your email address will NOT appear on the site.
Alert: If you are facing problems with posting comments, please note that you must verify your email with Disqus prior to posting a comment. follow this link to make sure your account meets the requirements. (http://bit.ly/vDisqus)


text:
2013 Dakar Cliff Notes thread
View Single Post
Joined: Oct 2005
Location: Austria
Oddometer: 10,161
Originally Posted by
Patrick Beaule:
Hi everyone! Just arrived at the hotel an hour ago. I am very tired! I took today's stage very easy and let all the riders who wanted to push go by. They was still a lot of "Dakar dream killer" rocks... I keep the wheel side up all day while I passed few guys with their engine destroyed. I help #163 to bump start his motor during the second half of the selective for 5-7 minutes but without any success for him :( on my side, I drove the last 200km with my hand up in the air showing up the "V" with my 2 fingers to the millions of fans beside the roads and highways. What a great feeling to have gone thru this HUGE challenge!!!!!! As many knows, I am dissapointed of my result. I said "result" because I am not dissapointed of my performance; I gave everything I had using my last 15 years of racing experience. The level of riders is now very high as per the organisation an as per the Elite list from the FIM. As a racer, I can tell you that it is more difficult to convince yourself to be patient in the dust instead of risking your Dakar going blind for few seconds. I promised myself that I would not do it once which I sticked to! I met Frede at the end of the last selective today and this brought me a very warm feeling of accomplishment. I filled up my Oakley goggles with tears between there and the finish line! :) As I said before, you can't go to the Dakar alone and I feel I had the the best team of the bivouac for 2013! I need to start with Bryan Flannigan who did an AMAZING job on the communications! My girlfriend Frede who was in charge of the visuals, project image, the KM program and much more! My mecanic JF Charlot who did and oustanding and professional work. He loved to swap my motor during the night of stage 4 whith none the less than Benjamin Melot (Cyril's mecanic). Just to give you an idea. I didn't had to get any tool out of my tool kit during the whole rallye! Many thanks to all the fans, donators to the KM program, I hope you proudly wear you ALDO/dakar T-shirt!! Thank you to everyone who trusted me me since the beginning! Thank you to my family (I LOVE YOU!!!!) This was the biggest dream of my life and the biggest project to prepare. LIVE YOUR DREAMS;DON'T WAIT!!!! Of course, this wouldn't have been possible without your help but also the help of all the sponsors. Pls support them by purchasing their products or simply "like" their page. The rider's name who towed me for 320km is Andrea Fesani. I will always remember you because you saved my dream!!! Stay tuned for the podium tomorrow. I have a surprise!!!! Good night and thank you a million times!!!
Cyril Despres:
From the outside looking in the Dakar is just an offroad motorcycle race but it really does consume so much of my life. I have to make lots of sacrifices such as not spending the amount of time I would like with my family. Its only when I cross the finish line and feel the joy of winning this race again do I once again fully appreciate why I make all those sacrifices.
When I crossed the finish line today and counted my five victories on my hand I started to wonder where all the time has gone. Since my first victory in 2005 the following eight years has really flown past.
Of course every win at the Dakar is special but this one stands out for me because it is the first time I have been able to defend my title. Winning the Dakar two years in a row is rare and nobody has done it since Fabrizio Meoni ten years ago. Before Meoni there was Richard Sainct who won it two times in a row but for a decade nobody has been able to do it.
Now this time I dont have to give my trophy to anybody else and that feels good. When you have won the Dakar one year and not won the next year like I had done three times you start asking yourself some tough questions. I think after retaining the title this year along with the KTM crew we can say we are the boss.
The Dakar is never a straightforward race and this year was no exception. You can never be sure of the win when there are days that you get lost in the desert, you dont feel physically 100% or you have a small problem like I did with my fifth gear on the marathon stage. All you can do is never give up because this race is so long and everything can happen. I just stayed concentrated and did my best on each stage.
Its great to have my team-mate Ruben Faria next to me on the podium because we share so much time training and racing together. I was pleased I was able to do my bit for Ruben on the Stage Twelve but his second place is his achievement and he should be proud of it.
Another of my great supporters is Red Bull and its great to know when you have won a race there is going to be a nice party waiting for you on the other side of the finish line. I can promise you we will be doing some hard partying in Santiago with the whole KTM crew.
RallyRAIDio on Twitter
RallyRAIDio on Facebook
View Public Profile
Find More Posts by Flood


text:
Club Jenna's Casting Couch Part 3
Customers Who Bought This Product Also Bought
They Got The Parts Again!
Once more onto the Club Jenna Casting Couch, dear friends - and no fair skimpin' n the sleaze! These auditions are so lickable that if we released them all by themselves, they'd still be a couple of fantastic hours of amateur sex. But once the mischievous minds of the Club Jenna crew take a crack at them, it's a whooole new level of sex and fun peppered with off the cuff jokes and animations. Before these girls were porn stars, they all bounced around on our casting couch and subjected their hopeful auditions to our screwed up scrutiny. Tune in to be turned on and tickled at the same time!
Product Information
DetailLength 1 hrs. 49 mins.
Rating XXX
Released Dec 03 2007
Added Nov 27 2007
Production Year 2006
Empire SKU 1380628
Studio Club Jenna
Number of Discs 1
UPC Code 000732279170
Interactive Menus
Chapter Selection
Slide Show
Behind the Scenes
Web Site Information
- Diana Prince
- Vanessa Monet
- Fayth Deluca
- Kimberly Kole
- Cayton Caley
- Riley Chase
- Derrick Pierce
- T.J. Cummings
- Tyler Knight
- Richard Kline (II)
Bargains$10 to $19.99
- Hustler Casting Couch X 1
- Masseuse, The
- Cum Stained Casting Couch #4
- Club Jenna's Casting Couch Part 1
- Club Jenna's Casting Couch Part 2


text:
Ravael Angeline has a tutorial posted on WP.Tutsplus.com that covers the basics of a header.php file. This particular file is located in every WordPress theme and is essential to how a theme works. Also worthy of reading following the tutorial is a comment by Tom McFarlin.
Related posts:
- Hasty Mistake With WP2.8 Header Design Challenge
- What Do You Need In A Starter Theme?
- Good Guide On Avoiding Theme/Plugin Lock-In


text:
By using this site, you agree to the Terms of Use and Privacy Policy.
After running from Lois, mutant Stewie lays a stack of eggs.
Watch more Family Guy on [adult swim].
Peter decides to pursue his dream career as a knight.
Peter becomes a commercial fisherman and almost kills a popular myth; Lois teaches Meg how to let loose at Spring Break.
When Peter and Lois decide to have another baby, Stewie does whatever he can to prevent conception.
TM & © 2015 Turner Broadcasting System, Inc. A Time Warner Company. All Rights Reserved.
AdultSwim.com is part of Turner Entertainment Digital which is part of the Turner Sports & Entertainment Digital Network.


text:
Sign up for our newsletter
Medieval Spears The main weapon of the medieval period was the spear, not only for peasants but also for professional soldiers and even the noblemen. The spear was more effective at downing a charging wild boar because the blade created a wider, more lethal wound. It was equally as effective in battle, ripping holes in chainmail and armour. The spear is a relatively low in cost compared to a sword or axe. A medieval spear was relatively easy to use and very light in weight. Spears could also be quickly manufactured and can be used at a considerable distance from the target or enemy. Medieval Collectibles has Viking spears, Roman spears, thrusting spears, boar spears, throwing spears, assegai spears, and spearheads. All our medieval spears are fully functional and very durable for hunting, fishing or re-enactments.
Powered by Medieval Collectibles
Copyright © 2015 Medieval Collectibles. All rights reserved.


text:
Viewers: in countries Watching now:
Cris Ippolite is your guide in this tour of the new and enhanced features in the entire FileMaker 13 platform. Learn how to work with styles and object visibility; add objects like popovers and slide controls to your layouts in FileMaker Pro; share your database with FileMaker Server 13; and publish it to a web browser with WebDirect. Cris also reviews the scripting and calculation enhancements and improvements in the FileMaker Go app for iOS.
Hi, I'm Cris Ippolite and welcome to FileMaker Pro 13 new features. I'll be your guide as we tour the exciting new features of the FileMaker Pro 13 platform. In FileMaker Pro 13 new features, you'll learn how to work with styles inside your layouts and new layout design tools and controls that weren't available in previous versions. I'll introduce you to new layout objects like popovers and slide controls. And I'll show you new ways to share your database on the improved FileMaker Server 13.
We'll take a closer look at script and calculation enhancements. And I'm also excited to introduce you to some options for publishing your databases via the new WebDirect option. Or even the improved FileMaker Go for 13. Throughout this course, I'll be providing guidance and examples based on my experiences with my clients. We'll also be working with the modified version of one of the newly designed starter solutions that will act as an example for all of your needs throughout the title. And now, without further delay, it's time for so us to dive into FIleMaker Pro 13, New Features.
There are currently no FAQs about FileMaker 13 New Features.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.


text:
Information Matteson Public
801 South School Avenue, Matteson, IL 60443 (708)748-4431 (708)748-0510 FAX email@example.com
|Adult Services
|About the Library
the site for Matteson's young adults
YA Events
YA Links
T.E.A.M Library Advisory Board
Programs for Young Adults
T.E.A.M. Library will begin meeting Saturday September 16 at 2:00. If you are in middle or high school this fall and are interested in making a difference in your library and your community you are invited. (Bring an ice cream sundae topping - e.g. sauces, nuts, whipped cream, fruits - to the 9/16 meeting!)
Websites for Young Adults
|School & Homework
|Just for Fun
Township High Schools
Marian Catholic High School
Huth Middle School
Colin Powell Middle School
St. Lawrence O'Toole
Zion Lutheran
|Cyber Teens An online site that features movie reviews, interviews with celebrities, Zeen magazine issues and other features.
|My Future With a focus on teens, this website provides the surfer with information on career and colleges. You can build a resume online, and more.
|Teen Central What's it like being a teen today? Who knows better than other teens?
|IPL Teen Division Here's a web site that has information on books, clubs, organizations, computers, homework, careers, colleges, styles, politics, and issues of today.
|Best Books for Teens From the Young Adult Library Associaton
|A+ Research and Writing Internet Public Library's guide to conducting research in a library and online
|Teen Spot Offers a variety of games, reviews, forums, music, movies and more just for teens.
|Purdue University's Online Writing Lab for help with writing papers and making bibliographies
|Teen Reads Information about your favorite authors, books, series, characters and more.
Some Cool Things We've Done with Teens
Mystery Theater - Gilligan's Island Theme
Skin Care Program from Avon
Dance Dance Revolution
Look for More Teen Events at the Library and on this Page.
Updated 9/1/06 jmd


text:
Fashion Films
Project Archive
Sign In | Register
Follow us
The Home of Fashion Film
Fashion Films
Project Archive
Follow us
Recently Updated
Alphabetical A - Z
Alphabetical Z - A
Fashion Films
Guest Reports
Contemporary Art
Video Art
Behind The Scenes
Video Portraits
Paris Collections
Fashion Shoots
Architecture and Interiors
Self Service
Stars And Styles
Jan 26 2004
Chic Parisian magazine Self Service came to London town to photograph the stylish stars of the London scene inside the SHOWstudio live space.
Nick Knight, Val Garland, Sam McKnight, Gemma Ward, Lily Cole and Marian Newman
Jan 16 2004
Nick Knight's stalwart hair and make-up team threw open their studio doors during a three-day collections shoot. Drawing on the Spring/Summer 2004 key ...
Nick Knight, Natasa Vojnovic and Adam Mufti
Dec 18 2003
Natasha V gave the performance of a lifetime in this film short depicting Nick Knight photographing her for British Vogue magazine. In an accompanying ...
Nick Knight, Jonathan Kaye and Gemma Ward
By Arrangement
Nov 27 2003
Evangelical florist and icon of pre-war femininity, Constance Spry provided inspiration for this three day Nick Knight shoot for W magazine. Stylist Jo...
Katy England
Dead Can Dance
Oct 31 2003
Trick or treat? The spooks and creeps came out in force for Artist Sam Taylor-Wood's Halloween Party. Stylist Katy England caught the macabre proceedin...
Harri Peccinotti
White Dunk
Oct 28 2003
Exclusive behind-the-scenes film of legendary photographer Harri Peccinotti at work, photographing exhibits from Nike's White Dunk exhibition.
John Galliano
Galliano Hommes
Oct 24 2003
Exclusive preview of Galliano's first own-brand menswear range. The legendary designer took questions from the set of his Arena shoot.
David Weightman
Picture/message: Poser
Oct 8 2003
In homage to Michael Powell's 1960 horror film 'Peeping Tom', David Weightman staged 'Poser'. Positioning a cameraphone behind a tiny aperture in a han...
Viktor & Rolf
Viktor & Rolf
Oct 8 2003
Who better to have shown you around Viktor & Rolf's historic Louvre retrospective than the designers themselves in a live tour one hour prior to the la...
Jon Mann and Jens Laugesen
Ground_Zero.03: Faith In Chaos
Oct 2 2003
T-shirt design and GROUND_ZERO.03, Nick Knight's film of Laugesen developing his Spring/Summer 2004 collection launch simultaneously as the designer's ...
UVA, Warren Du Preez and Hamish Morrow
Beauty Of Technology
Sep 23 2003
Live imagery projected onto models to create 'virtual' clothing and prints at Hamish Morrow's Spring/Summer 2004 collection unveiling.
Jane Audas, Elisabeth Arkhipoff, Eley Kishimoto and Adam Mufti
Screen Prints
Sep 22 2003
SHOWstudio collaborated with Eley Kishimoto on a series of screen-based works that marked 10 years of their cult patterns and which were broadcast acro...
Plinth, Penny Martin and Laura Sciacovelli
End Of Summer
Sep 11 2003
Summer dresses provided the inspiration for these sensual motion portraits with atmospheric soundtracks from experimental bands Plinth, Colleen and The...
Nick Knight, Simon Costin and Sharon Dowsett
Articles Of Faith
Sep 4 2003
A controversial partnership: religion and iconography. Costin and Dowsett asked who and what people turned to in their darkest hour and how that faith ...
Jamie Morgan
People, Not Clothes
Aug 22 2003
The seminal idiom of Morgan's 80s style photography endures in this diverse showcase of his adventures in motion imagery.
Jane How
Pop Poupée
Aug 4 2003
Taking inspiration from Andy Warhol - the man(nequin) himself even making a cameo as a model - stylist Jane How and photographer Mario Sorrenti recreat...
Erin O'Connor
Picture/message: Erin O'Connor
Jul 30 2003
Revealing the working processes of the models, designers, stylists and fashion creatives behind the scenes at the Autumn/Winter 2003 Paris haute coutur...
Jonathan Gent
Picture/message: Jonathan Gent
Jul 22 2003
Artist Jonathan Gent explored the world through his basilisk eye with the SHOWstudio cameraphone, revealed his fervent observations in arresting pictur...
Alexander McQueen and Susannah Frankel
Jul 21 2003
To celebrate Alexander McQueen receiving the CBE award in 2003, the visionary designer himself illustrated a selection of showstoppers from his 2003 co...
John Galliano and Jane Audas
Design Download: John Galliano
Jul 11 2003
Our second Design Download pattern, released in June 2003, came from the archives of fashion revolutionary John Galliano - the 'Pirate' jacket that fir...
Bill Doig and Craig McDean
Made In Hollywood
Jul 4 2003
Fasten your holster belt: we're in for a bumpy ride... Craig McDean filmed Amber Valetta in a humble salute to Nudie's Rodeo Tailors.
Toyin, Kim Jones and Andrew Daffy
Jun 11 2003
As Kim Jones' garments slithered across the bare torso of the young male model in Toyin's film short, it became apparent that clothing may not have bee...
Nick Knight, Jonathan Kaye and Akufen
Jun 5 2003
Contextualising the Spring/Summer 2003 haute couture collections as photographed for W magazine, 'SHOOT' proves that couture is far more than just dres...
Alice Hawkins
Picture/message: Alice Hawkins
May 21 2003
The Female Gaze: photographer Alice Hawkins asked her sitters how they would like to be represented to their lovers for her two-week residency, using t...
Mark Lebon
Picture/message: Mark Lebon
Apr 22 2003
Photographer Mark Lebon used his month-long residency to conduct a personal portraiture project, using a picture phone as his camera.
Nick Knight, Olivier Alary, Guy Bourdin and Adam Mufti
Compulsive Viewing: The Films Of Guy Bourdin
Apr 17 2003
'Compulsive Viewing: The Films Of Guy Bourdin' showcases eleven unique fashion films, edited in 2002-2003 from never-before-seen, archival film recorde...
Félix Larher
Claudia's Dream
Apr 15 2003
Filmmaker Larher revealed a Claudia Schiffer you've never seen, who daydreams of flirting with her pals King Kong and The Pink Panther.
Craig Robinson
Flip Flop Flyin' Does Spring/Summer 2003
Apr 1 2003
Craig Robinson, the digital artist behind 'Flip Flop Flyin' ', appropriated his favourites from the Spring/Summer 2003 batch of high-fashion campaigns ...
Greg Kadel
Strike Me Pink
Mar 17 2003
Showcasing their most colourful and playful collection yet, Dutch designer duo Viktor & Rolf's Spring/Summer 2003 show provided the setting for Greg Ka...
Nick Knight and Massive Attack
Special Cases
Feb 25 2003
Nick Knight exploded the beauty myth in this exclusive film related to his motion image campaign for Massive Attack's new album 100th Window.
Daniel Brown
Aim For The Heart
Feb 19 2003
A special multimedia valentine message from SHOWstudio from 2003.
Patrik Söderstam
Feb 19 2003
Swede Sucess: Having joined a substantial number of fashion houses during this particular season, young Swedish designer Söderstam launched his graduat...
Nick Knight and Jo-Ann Furniss
Couture: The Luxury Of Not Caring
Jan 24 2003
Witness the splendour of Paris Haute Couture week, via image/texts sent by mobile phone from the front row.
Nick Knight, Simon Periton, Shaun Leane, M/M (Paris), Richard Rhys, Paul Hetherington, Emma Cook, Jane Simpson, Frauke Stegmann and Bump
Spray On Christmas
Dec 20 2002
Download, cut out and use our festive stencils to make your own cards, gift-wrap and decorations.
Greg Kadel
Pale Blue Eyes
Dec 9 2002
Malgosia's pale blue eyes provided the motivation for this gentle motion portrait.
Nick Knight and Daniel Brown
Vis A Vis
Oct 8 2002
With his trademark eye for unconventional beauty, pioneering designer Hussein Chalayan shed new light on making up. Nick Knight's dramatic images forme...
Craig McDean
Sep 23 2002
Model, jewellery designer and musician Jo Reynolds takes to the spotlight in Craig McDean's atmospheric performance film. Watch as Reynolds gives Nick ...
Nick Knight, Alexander McQueen, Liberty Ross, Sam McKnight, Michelle Duguid, Bobby Gillespie, Erin O'Connor and Katy England
Sep 19 2002
In July 2002 Nick Knight extended an invitation to friends and colleagues including Alexander McQueen, Erin O'Connor, Juergen Teller, Katy England and ...
Jason Evans
Correspondent: Jason Evans
Jul 15 2002
Jason Evans recorded his unique photographic perspective on the world in words and pictures during a yearlong correspondent residency.
Simon Foxton and Alasdair McLellan
Jun 21 2002
For your pleasure. Fashioned from calling cards, nine working boys gave us their denim look. Who will you pick? Alasdair McLellan provided the photos, ...
Nick Knight
More Beautiful Women
Jun 13 2002
An homage to Andy Warhol's screen tests, 'More Beautiful Women' evolved from Nick Knight's commission to photograph the most famous models of the twent...
Yohji Yamamoto
Design Download: Yohji Yamamoto
May 30 2002
To launch Design Download - a series demystifying the fashion process by offering prestigious designer garment patterns for download - internationally ...
Nick Knight and Linda Evangelista
May 20 2002
Linda Evangelista stars in Nick Knight's fashion film 'Eclipse', playing accordion and reinventing herself as a sultry chanteuse in chiarascuro light....
Susan Bright and Camille Vivier
Apr 17 2002
Love's flame burns eternal as the lifespan of the romance represented outlasts the Santeria candle pictured in Camille Vivier's short film.
Félix Larher
Barbie Killer In Playland
Apr 10 2002
Did the bright, young things ever make it through Playland? Barbie Killer's celebrity cull took its toll in Félix Larher's heroic fantasy.
Peter Saville and Julie Verhoeven
Apr 3 2002
Inspired by innocent Toile de Jouy - but offset with Japanese rope suspension bondage - Peter Saville and Julie Verhoeven collaborated to create intric...
Karen Elson and Craig McDean
Devil's Plaything
Mar 7 2002
Watch supermodel Karen Elson and former Smashing Pumpkins and Hole bassist, Melissa Auf der Maur, as they performed SHOWstudio's new 'singing cover' in...
Nick Knight and John Galliano
Past, Present & Couture
Mar 2 2002
John Galliano's first five years at Christian Dior were marked by a series of Nick Knight-shot images interpreting Galliano's groundbreaking haute cout...
Page 9 of 10
Previous page
Next page


text:
New textbooks in established subject areas for students at all stages of their degree.
The courses below offer a listing of the most current textbooks from Routledge Urban Studies. If you'd like to consult with one of our representatives, browse our contact listings.
Many of our key textbooks and course books have companion websites that provide additional resources to educators and students such as; information, downloads, tools and supplemental materials for the books they accompany.
= eResources
Many of our textbooks and course books have companion websites offering additional resources to educators and students. Learn more.
Are you looking for a local bookseller, sales representative or agent? You can view our global list of representatives to meet your needs and answer any questions.
Take advantage now with our free shipping & postage offer on all US orders over $35 and UK orders over £20. Offer valid for individual, web orders only. Learn more about our shipping costs.
By using this website, you agree to the use of cookies. Learn more about cookies.


text:
SmartPhones & Tablets
These instructions are for smartphones and tablets, including Nook Color and Nook tablet.
What do I need?
A valid library card from Paris Public Library or other participating Illinois Heartland Library System library and
- Your password/PIN (last 4 digits of the phone number in your library record unless you have changed it)
- Computer with Internet access, for a basic ereader or media player.
- tablet, smartphone, or other device compatible with MyMediaMall.
Where do I start?
Use the browser, Overdrive app and Kindle app on your device.
Sign in at MyMediaMall using a browser
- Go to MyMediaMall on your computer from the Paris Public Library website or directly at www.mymediamall.net.
- Sign in first. Choose Illinois Heartland Library System as your library. Enter your library card barcode number (no spaces) and PIN.
You may get an error message ...
- If the barcode number and /or PIN is incorrect.
- If your library card is expired.
- If there's a balance of $5.00 or more on your library card account.
Try re-entering your barcode and PIN; if that doesn't work, contact the library.
You may select your desired loan period (7 or 14 days) in general by going to Account, then Settings. You may also choose the loan period on specific books when borrowing.
Navigating MyMediaMall
- You may browse by selecting a category list or by clicking on a book cover.
- An ebook shows a small open book icon in its upper right corner. An audiobook shows headphones and a video shows a strip of film.
- The item's icon is grayed out if it is currently checked out. You may place a hold for the title.
- Use the Search bar to find a specific author or title. If looking for a book to read right now, use Advanced Search to display only items with available copies and in your format.
Choosing Overdrive Read format
- Overdrive Read format lets you read a book in an up-to-date browser on your device without an app and without downloading the item.
- Choose this format when Borrowing your ebook. Favorite/bookmark the book when it first opens in the browser to read offline or return to it later. Remove the Favorite when finished reading.
- If you are finished with the book early, go to your Account in MyMediaMall and tap Return next to the item.
Borrowing Kindle ebooks in your browser (not available in Nooks)
- Search for a Kindle book.
- Tap a title for more information. If the book is available, click Borrow.
- Tap Go to Bookshelf and then the Get for Kindle button to open the Amazon.com website. You may have to sign in to your Amazon account.
- Select your Kindle app, if not already selected. Tap Get library book button and sync your device or app to download the book or choose to send it to your device via USB. Some books require USB transfer.
Using the Overdrive app
- Go to your app store on your device and search for "Overdrive" and install.
- Open app. You will be prompted to sign in with an Adobe id. Most first time users will need to "Register at Adobe.com". You will be redirected to the Adobe account page where you want to click on "Don't have an Adobe ID". Fill out the form and click on "Create". After successfully creating an ID, press your home button and reopen Overdrive app.
- Click on "Get Books" and find "Settings". Authorize using your Adobe id that you just created. Go back to "Get Books".
- Add a library. Enter zip code of home library and search. Select Paris Carnegie Public Library. Tap star to remember your library. Tap MyMediaMall. (Use Illinois Heartland Library System as your library in Account settings to enter your card information and check out.)
- n areas, Get Books and your Bookshelf. There should be a button that will toggle you back and forth. Bookshelf is where your books are located. Get Books is where you search for and check out items.
Returning books early
- You may return books early by going to Manage Your Kindle in your Amazon account.
- You may return epub books or mp3 audiobooks early by going to your Bookshelf in the Overdrive app. Tap the plus sign and choose Return. You may also go to Bookshelf in MyMediaMall in your browser.
- You may return Overdrive Read books early by going to Bookshelf in MyMediaMall and tapping Return next to the item.
- Audiobooks may not be returned early.
What if the book I want is checked out?
When a book is not available for immediate download, click Place a hold and enter your email address. You will receive an email when it's your turn. Follow the instructions in the email to download.
Things to Remember
- You may have 5 items checked out at once. Items cannot be renewed, but you may be able to check out the item again if available.
- When the loan period ends, the title expires and is automatically returned. You may delete expired titles from your device. Ebooks and audiobooks saved on your device will not work after the loan period ends.
- Tablet and smartphone users may use the library's public wireless Internet to download.
Where do I go for help?
- My Media Mall's Help
- Ask us.


text:
You will not find a more compassionate group of dog lovers than those that own a Shih Tzu. Most of the owners are very zealous when it comes to their furry friends. There is probably nothing that can begin a heated debate as when you bring up the subject of Teacup Shih Tzus. Many feel the Teacup Shih Tzu is not a real breed, and others state Teacup Shih Tzus is the same as the Imperial Shih Tzu. Regardless of where you stand in the debate, one thing is true, people love their Shih Tzus.
Teacup is often used to give a description to several breeds. These are generally very small to tiny versions of a standard size dog. The weights of these dogs when full grown fall between 2 and 4 pounds. These are considered designer dogs because they appear to some as an accessory rather than an actual dog. Of course, there are those that have a Teacup Shih Tzu as well as love them just as much as they could any dog. An owner of a Teacup Shih Tzu protects their dog and keeps them safe, keep in mind, there are two sides to this debate.
The biggest debate over Teacup Shih Tzu is if it actually exists at all. Most assume that the Imperial Shih Tzu and Teacup Shih Tzus is one and the same. People recognize that the Imperials are a smaller version of the standard Shih Tzu, which many assume is Teacup Shih Tzu which is just named something else. Of course, those that breed Teacup Shih Tzu, disagree by pointing out Teacup Shih Tzu is much smaller than the Imperial Shih Tzu.
The word "teacup" is used to give a description of the weight of the Shih Tzu. Standard Shih Tzus weigh 9 to 16 pounds while the Imperial will weigh in at less than 9 pounds. On the other hand, Teacup Shih Tzus weight under five pounds. Since there are three different weights, there must also be three different breeds entirely. This has many owners of the Shih Tzus confused.
The American Kennel Club only recognizes the standard Shih Tzu, and they recognized the breed in 1969. No other version of the Shih Tzu has ever been recognized by the AKC. What's more, the American Kennel Club sees Teacup Shih Tzu is the Imperial Shih Tzu as underweight versions of the true standard Shih Tzu. The AKC actually discourages Teacup Shih Tzu breeding because of what the breeder must do in order to arrive at getting the smaller size, which is breeding runts until you arrive at the size you desire.
Regardless of your opinion about Teacup Shih Tzu or if you are deciding whether it is a real breed or not, they are still lovable little bundles of joy and your lifelong companion. Teacup Shih Tzus is a fun size to enjoy.


text:
exaggeration in a sentence
Example sentences for exaggeration
It also represents an exaggeration of the president's military role.
Dean's statement is a combination of exaggeration and wordplay.
It is not an exaggeration to say that it could happen again if governments fail to act.
But the number, he adds, was likely an exaggeration.
The transgressions ranged from intentional exaggeration to flat-out fibs.
IT would be an exaggeration to say there is a new bull market in gold.
The scientists say that's a big exaggeration resting on flimsy definitions.
There are, however, some grounds for suspecting a degree of exaggeration.
When someone uses exaggeration they have more of a desire to push agenda than reflect science.
As with many companies in the defense field, their science is fine but their marketing department may be prone to exaggeration.
So writing fails to be an exaggeration only if to call it such would be a gross understatement.
Actually, these days that is a bit of an exaggeration.
By quoted company standards, that is an exaggeration.
Coincidentally there are drugs to treat exaggeration and denial problems.
It's no exaggeration to say that algorithms will write much of the news for us in the future, as indeed they already do today.
It was extremely glamorous, and it was exaggeration.
It is no exaggeration to insist that our common future depends on bridging the gap between academe and the broader society.
Although some markets have bounced back, it would be an exaggeration to say that they have recovered their poise.
The climate of exaggeration and hype made it easy for sober-minded observers to dismiss the new economy.
Exaggeration for creative people moves them forward.
Exaggeration of the defects of your opponent's case appears obligatory.
My description of the budget debate is in no way an exaggeration.
If there was any exaggeration ever it is about exchange rate.
They actually treat their customers as nuisance if not as hostile intruders, with some exaggeration here.
He was aware of environmental scientists tendency toward exaggeration.
So here they came: droves would hardly be an exaggeration.
It does however fall prey to some sloppiness and exaggeration.
Okay, so there may be some exaggeration here on my part.
It would be an exaggeration to say that diplomacy will never be the same again.
Hyperbole is defined as obvious and intentional exaggeration.
Although it would be an exaggeration to call this article untrue, the report covers far less than half of the story.
But it is no exaggeration to say that no progress at all has been made in the accuracy of forecasts.
It may be an exaggeration, but it is the exaggeration of an honest and splendid writer.
The over vociferous anti-drug people have a long history of exaggeration and lies.
It's an exaggeration, but there is a tiny element of truth to that.
His sentences are well-built, with a strict avoidance of any mannerism or exaggeration.
Another school think that his vices have been exaggerated, while their opponents scarcely think such exaggeration possible.
Often incorrectly used in support of exaggeration or violent metaphor.
Every act hath some falsehood of exaggeration in it.
We had a great exaggeration of the inclination of the line of particles.
And if this is an exaggeration, it is nonetheless true enough to warrant our attention.
It is scarcely an exaggeration to say that his life since has been calculated revenge for that moment.
But calling him a tough out, even then, would be no exaggeration.
But the national campaigns have not attempted patient explanation, instead plumping for cartoonish exaggeration.
Obviously an exaggeration, the ambition that drives one to become an elected official doesn't live off of a legislator's salary.
Nowadays it is only a slight exaggeration to say that the more cash that investors see in a firm's coffers, the happier they are.
Sounds a bit melodramatic, but it's no exaggeration.
It is not an exaggeration to say that a great many people now hated her.
Exaggeration-studlier heroes, bloodier killings, pointier breasts-is in the nature of the medium.
To say that billions of vehicles use it daily is an exaggeration, traffic experts will tell you.
To say that the book is an encyclopedia of human hearts would not be an exaggeration.
But this is an exaggeration, and an unfortunate one at that.
It is no exaggeration to say that her poems get larger and stranger and more overwhelming with every reading.
The exaggeration of foreign threats, however pernicious, is a tactic.
Exaggeration was the principal element, used best in calamities.
Not everyone can recognise satire or comedic exaggeration when they see it.
The satire was an exaggeration, of course, to make the point.
It actually strengthens our own hands, by imposing a cost on sensationalist exaggeration.
It is no exaggeration to say that she is an inspiration.
And, unfortunately, that's not too much of an exaggeration.
He has a soft, thin voice, a beard and an academic mien occasionally broken by ecstatic flights of hubristic exaggeration.
In that case, any exaggeration of the current campaign's progress would be more than misleading.
There was some exaggeration involved, but the bottom line was accurate.
You'll recognize the symptoms: slow pace, toothy grin, over-exaggeration.
Considerable vertical exaggeration has been used in order to enhance the morphology on the bedrock surface.
Explore Dictionary.com
Synonyms for exaggeration


text:
Making accordion menu using jquery
- Sunday, June 1, 2008, 9:57
- how-to, jquery, tips and technique, tutorial
- 202 comments
Last time, I've shown how to create accordion using jquery. But, In this post I'll show you how can you create fancy accordion menu using jQuery. In this post, you'll see two examples of accordion. First menu's visibility get's toggled on clicking on the header while the another menu's visibility get's toogled when mouse is moved over it.
Live Demo of accordion menu using jQuery
HTML structure for accordion menu using jQuery

Header-1

 Link-1

Header-2

 Link-1

Header-3

 Link-1

As you can see the structure, the elements of the menu are inside the div with class "menu_list". And each blocks of menu contains the header with class "menu_head" and div with class "menu_body". Note that, there is another pane with the id "secondpane" whose code is similar as above and not posted above.
CSS code for accordion menu using jQuery
.menu_list { width: 150px; } .menu_head { padding: 5px 10px; cursor: pointer; position: relative; margin:1px; font-weight:bold; background: #eef4d3 url(left.png) center right no-repeat; } .menu_body { display:none; } .menu_body a { display:block; color:#006699; background-color:#EFEFEF; padding-left:10px; font-weight:bold; text-decoration:none; } .menu_body a:hover { color: #000000; text-decoration:underline; }
I'm not a good color chooser so please forgive me for the color combinations. Above CSS code is straight forward and you can change is according to your need. Note that, the display property in "menu_body" is set to "hidden" so that the menu links are hidden when the page is loaded. Furthermore, the display property in the link inside "menu_body" class is set to "block" so that each menu appears in new line. You can see a image in the "menu_head" class, this is the image which gets changes with the visibility of the menu item in each menu's head.
I've used the images from sweetie icon pack, you can download the other beautiful icon from the their website.
Javascript Code using jQuery
Now finally look at the JavaScript code to accomplish this, first of we need to import the jQuery library

And, then we need to write few lines of simple code in jQuery to do this, let's look at the jquery code of the first accordion menu whose visibility gets toggled on the mouse click event on each header,
//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked $("#firstpane p.menu_head").click(function() { $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); $(this).siblings().css({backgroundImage:"url(left.png)"}); });
When the paragraph with class "menu_head" inside the element with the id "firstpane" gets clicked, the background image of it changed to down arrow. And then, next div with class "menu_body" gets slided in toggling it's visibility. Furthermore, the other sibling's div with class "menu_body" gets slided up. And then, the background image of the other sibling's of "p" is changed to left arrow. Now look at the code of the accordion menu under mouse over effect.
//slides the element with class "menu_body" when mouse is over the paragraph $("#secondpane p.menu_head").mouseover(function() { $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow"); $(this).siblings().css({backgroundImage:"url(left.png)"}); });
This code is preety similar to the above code but the difference is only that this accordion menu works on the mouse over effect whereas the above accordion menu works on the mouse click event.
If you want to learn more about jQuery then you can check the following books and buy them.I really recommend the book "jQuery in Action" for starting your way for jQuery.
202 Comments on "Making accordion menu using jquery"
wrote on 2 June, 2008, 11:10
What I particularly like about these accordions is that they don't force the content below to drop down. In other words, everything keeps its place. That is how an accordion should work. Very nice, Roshan.
wrote on 2 June, 2008, 12:03
Thanks steve
wrote on 3 June, 2008, 8:29
Hey Good one!
wrote on 3 June, 2008, 18:02
Now, I'm confused.
So if this is two lines of code, why is there an entire accordion plugin for jQuery?
Well, ThanX for that!
wrote on 4 June, 2008, 4:41
hey Baz..thanks for this it's upto you what to use the plugin or the small piece of code .. this is just a simple piece of accordion menu..the other plugin might have other facility with them I think..
wrote on 8 June, 2008, 16:12
Hi Roshan,
This is excellent! If I wanted Header-2 to be opened as standard (before it is clicked), is this possible?
Many Thanks.
Keep up the good work!
wrote on 8 June, 2008, 16:40
you can use jquery's selector to do this such as..
to do this
wrote on 8 June, 2008, 19:52
Thanks Roshan, that works brilliantly!
wrote on 10 June, 2008, 19:10
Hi Roshan,
Do you know if I can colour the selected menu_head in a different background colour to differentiate it from the rest that are not selected?
wrote on 10 June, 2008, 22:20
Can you control the menu so that when you follow a link the menu stays open?
wrote on 11 June, 2008, 4:21
@abs – yes you can use the css property for this
can be replaced with
@omar – for that you need to store the data in cookie or have to use ajax and save the state in database
wrote on 13 June, 2008, 18:07
I like to know how i can make the first menu item active?
Simular question has already been asked by Abs, but i don't understand the answer of Roshan…
"you can use jquery's selector to do this such as.
to do this"
I don't know where to put that code.
Please help!
wrote on 14 June, 2008, 15:12
well you can put the following code like this
wrote on 16 June, 2008, 7:55
Thank you. It works!
Only thing is that you have to use double quotes instead of single quote.
wrote on 23 June, 2008, 12:00
Hello, I like the roll-over effect for the accordion… looks great. I have an ajax search function on my site that uses mootools 1.11 and I've tried a mootools and another jquery accordion but both are conflicting with the search. I was wondering if you have tested your accordion with other libraries or if you have an idea of how to make it work with mootools? I have tried the simple no conflict line for jquery but this didn't help with the other accordion menu I tried. I'm no programmer so if you have any info that would be super. Thanks!
wrote on 23 June, 2008, 12:54
Ok update… I managed to get the mootools and jquery library working together just fine. What I would like to know is how I can keep each accordion open when each is click and only have them shut when they are clicked when already expanded? Is this possible?
Great work
wrote on 23 June, 2008, 13:04
Sorry, I totally forgot to add a question! Forgive the spam lol.
I was wondering how I could make the first pane load being extended already? So people can see the options on display for that page?
wrote on 23 June, 2008, 15:56
rossco..you've to use ajax to make the accordion still to be opened when the link is clicked and you can see the answers in the comment above to see how can you make first pane load being extended already….
please read the comment above carefully….
wrote on 23 June, 2008, 16:26
Thanks for the prompt reply… I have this as my code. Bear in mind i'm using the no conflict idea for jquery.
var $j = jQuery.noConflict();
//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
$j("#firstpane p.menu_head").click(function()
//slides the element with class "menu_body" when mouse is over the paragraph
$j("#secondpane p.menu_head").mouseover(function()
This didn't work. Any help would be great. Thanks.
wrote on 23 June, 2008, 16:44
I'm an idiot, ok. I managed to get it working!
I understand that you change the number in the () to represent which area to leave open. I'm using this accordion as a menu, could you write up a tut on how to either use a cookie or ajax so the menu knows which part to leave extended?
You can delete my above post if you wish. lol
wrote on 23 June, 2008, 18:20
Hi rossco, I'll post how to use this menu with ajax as soon I get the time…
wrote on 24 June, 2008, 21:03
Thank you for such an easy to use menu utility. I've added it to my page and it works great. I do have one question (need help): how can I update the code (what do I need to change) so that the menu goes away (hides) when the mouse is moved away from the menu? Currently the menu comes up okay, but it stays up when I go to other places in the page.
Thank you,
wrote on 3 July, 2008, 20:39
My question is similar to Abs – I now understand how to force a pane to be open, but how can I keep it open even when one of the other main menu heads are clicked?
wrote on 4 July, 2008, 4:45
@carol – why don't you check the following link for that …
wrote on 21 July, 2008, 12:35
I've got the accordion working fine with the first pane opening when the page loads. I can't seem to get the left/down icon to be correct on the first opening pane. It has the left icon showing where the down should be. After a few clicks the first pane toggles correctly, but is flipped (left/down icons) because the first pane is already open.
How do I get first open pane (Icon) when the page loads to have the down arrow show instead of the default left?
wrote on 22 July, 2008, 16:58
that css function changes the background image…you can check the jquery documentation for detail information…
wrote on 23 July, 2008, 18:01
//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
$("#firstpane p.menu_head").click(function()
This is the code that I have on my site. It has the first pane open when the page loads, but the arrow for the first pane is pointing left instead of down. Any ideas of how can I get the arrow pointing down on the first pane when a page first loads. It seems when you click on the other toggle header panes the arrows will correct themselves, but that first page load and the open toggle icon will always point left instead of down. Any ideas of how to correct that first pane from loading the left arrow?
wrote on 23 July, 2008, 19:10
after that add this line..
wrote on 23 July, 2008, 19:25
Thanks Roshan, That bit of code worked great.
wrote on 29 July, 2008, 8:18
Great Job: I´ve a firstpane, with "menu_head", a secondpane with class "menu_body" but how can I open a thirdpane bellow Link-2 or Link-3? Thank you very much
wrote on 29 July, 2008, 17:25
Sorry: I´d like to say a "thirdpane after Link-1, Link-2 or Link-3. Thank you very much
wrote on 29 July, 2008, 19:08
I am trying build accordion menu using jquery. it works fine on Firefox PC but, but on ie accordion didn't collapsed it self, you have to click again on same link, otherwise it open all accordion.
I am also testing on Safari and Firefox on Mac, when i click on accordion it doesn't expand. If i clicked few times it works. If anybody have idea about this kind of bug please help me.
I hope you will find solution.
Thanks Roshan
wrote on 30 July, 2008, 4:25
@peter – I've already told the answer above but here the answer again…put the following code
where 0 for first pane, 1 for second and 2 for third pane..
@Manish – if you download the code and run in internet explorer, it is running perfectly without any problem …
wrote on 30 July, 2008, 10:20
wrote on 30 July, 2008, 20:06
Thanks Roshan
Its works now, but i have issue on Mac safari 2.0, when i click first time on accordion it don't expand but if i click on another accordion and the it expand. it works fine on Mac safari 3.0.
wrote on 11 August, 2008, 20:27
Hey Roshan
Thanks for this. And your long list of answers to comments.
I'm stuck on implementing this in Drupal and wonder if you have a quick solution for it.
I'm entering in the following code:
What am I missing to get this to work?
I get the following error:
Parse error: syntax error, unexpected '(', expecting T_VARIABLE or '$' in E:\"path"\includes\common.inc(1355) : eval()'d code on line 3
wrote on 11 August, 2008, 20:30
Ahhh … no php? sorry for the spam
Whoops! Guess I missed the jquery code.
It's this:
$("#firstpane p.menu_head").click(function(){
wrote on 12 August, 2008, 17:18
@tristen- seems that you're having the eval() of PHP with the "$" sing of jquery library.
try isng jquery instead of $ in above code like
"jQuery(document).ready" .. hope it helps
wrote on 14 August, 2008, 3:05
Thanks Roshan!
I started thinking about that and the trick was to wrap the jquery with '
(php starts)
jquery goes here.
(php ends)
wrote on 14 August, 2008, 11:37
Hi Roshan,
This is a good piece of code. I shall be adding it to http://www.downloadjavascripts.com.
wrote on 20 August, 2008, 6:27
Oh, i would love this accordion menu in a underordered list.
wrote on 20 August, 2008, 9:13
@christian – yes that would have been the better if I would have have used unordered list in this accordion menu
wrote on 20 August, 2008, 12:09
@roshan – oh typo, yes it was of course a unordered list I referred to
It sure would have been more easy for integration in a CMS like Joomla. Otherwise great script.
wrote on 27 August, 2008, 19:47
If you click on Header-1 to open a section then click Header-1 to close the section the arrow doesn't change back. How do you fix that?
wrote on 28 August, 2008, 5:15
@Bryson – Thanks for mentioning the bug, Let me fix that post that soon…
wrote on 2 September, 2008, 20:48
I want to be able to add pictures and tables within each accordion rather than tages
When i simply put text its getting left.png file to show on top of the text why ?
can you please show me a sample of adding normal text instead of li inside the accordion
thanks mate
wrote on 4 September, 2008, 18:07
For the rollover version of the menu how do you change the code so that when the user moves the mouse off the menu collapses? I'd like to have all menus closed unless the user is hovering over one item.
wrote on 8 September, 2008, 21:14
really you are better off using toggle or hover and leaving the accordion list with the arrow in original position. first click get's down arrow second click returns to left arrow and similar idea for hover functionality
$("#firstpane p.menu_head").toggle(
}, function()
wrote on 16 September, 2008, 5:19
That's nice work, but won't display:none (or hidden) affect accessibility?
In other words, people viewing the menu on a user agent without javascripting or with javascript turned off won't be able to get to the delicious treats inside the menu… How could that best be fixed?
wrote on 16 September, 2008, 5:58
wrote on 16 September, 2008, 18:35
Hello Roshan.
I am a Spanish boy and speak badly the English language.
My question is:
Since it is possible to apply to the menu an effect of fadein and fadeout?
Thank you very much.
wrote on 16 September, 2008, 19:25
@Antonio – yes you can use fadeIn and fadeOut function in the place where I've used slidetoggle and slideup function….
wrote on 18 September, 2008, 15:51
Roshan, I can't wait to use this. But of course I need a little assistance. I'm running wordpress 2.6 and I would like to use this script in a "text" widget in my sidebar for the blogroll. I understand the html and css parts, but I can't figure out how to make the widget look for the script. I tried placing it in the header.php and tried it in the sidbar.php but it still didn't work. Any ideas? Thanks.
wrote on 18 September, 2008, 16:42
@Jason – put the javascript code and jquery library in header.php and css in css file and then put the html file in text widget……I think it should work in that way……
wrote on 19 September, 2008, 14:38
Roshan, thanks for getting back to me. I've tried what you said to do and what happens is, is that the javascript shows up as plain text above my header. Any ideas? Thanks.
wrote on 19 September, 2008, 15:18
I am trying to get the first pane to be open when you first visit the site. I have read the comments about how you can do this, but I still cant get it to work, where exactly do you put the code for this to happen within the following code:
//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
$("#firstpane p.menu_head").click(function()
//slides the element with class "menu_body" when mouse is over the paragraph
$("#secondpane p.menu_head").mouseover(function()
wrote on 1 October, 2008, 22:07
David…. look at tristen's post above from August 14th, 2008 3:05 am …. just tell it to show the number 0 ( first ) div.
MY QUESTION: Can you open/close a menu item by a link/querystring? I know you can append a javascript command/function to a link, but can't figure it out in this case.
Anyone tried this? THANKS!
wrote on 2 October, 2008, 19:05
Is there a way to expand and collapse all at once?
wrote on 7 October, 2008, 18:13
I'm using a lot of images and tabled data inside these accordions. Looks great in FF and Safari, but really falls apart in IE7. In most cases the prior menu item only closes part way when the next one is clicked and closed panes often times overlap open ones. Any thoughts?
wrote on 11 October, 2008, 14:39
Hi Roshan,
Lovely work. How would I apply this to an unordered list? Would it just involve applying something like this:
[ul id="firstpane" class="menu_list"]
[li class="menu_head"]Header-1[/li]
[div class="menu_body"]
[a href="#"]Link-1[/a]
[li class="menu_head"]Header-2[/li]
[div class="menu_body"]
[a href="#"]Link-1[/a]
wrote on 13 October, 2008, 19:53
Is there a way to open all menu items at the same time? and a way to close all of them at the same time? please, any help would be greatly appreciated.
wrote on 24 October, 2008, 18:35
this is nice plugin for menu
i have used this for my site
but i m getting some problem. when i use this a yellow icon is appear on status bar.
and i m getting error message(object do'nt support)
how can remove this
pradeep jain
wrote on 19 November, 2008, 6:36
when clicking a row, it expands and the arrow points down as normal. when I click the same row it contacts which is fine, but the arrow still points down and does not change back to left.
any way to fix this cosmetic glitch?
wrote on 24 November, 2008, 3:22
could you provide additional code that will produce menus with submenus? thanks
wrote on 24 November, 2008, 8:22
Thanks mate… this was exactly what I needed. Cheers! Good work!
wrote on 25 November, 2008, 8:52
i used the same css properties that you have + images, except that i changed the code to cater to sub-menus.
here's the link in case anyone is interested
wrote on 3 December, 2008, 5:50
@chitgoks – thanks for sharing that…
wrote on 4 December, 2008, 10:11
Is there a way to change the header image according to menu state?
What I mean is that when I click the same menu I opened before but this time to close it (I don't want to click another menu to close it), the correct image to show is left.png. Instead now when you click a menu whether it's closed or opened there's always the down.png image shown.
wrote on 12 December, 2008, 0:11
the issue i have is that i want to build my side nav with this, with only SOME of the side nav elements expanding. for example,
first equipment 1
second equipment 1
third equipment 1
first equipment 2
second equipment 2
third equipment 2
i can't figure out how to close all of the expanded submenus when someone mouses over one of the side nav items that has no children (i.e., any of the non-'EQUIPMENT…' ones).
what i've got so far can be seen at my site.
any help would be most appreciate!!!
wrote on 12 December, 2008, 16:14
i found a solution to my problem by reading though some of your other tutorials. i've posted it at http://www.5happy.com/misc/accordian.
my only issue now is slow loading of the icons in internet explorer on a pc… but i haven't preloaded the images or tried fixing it yet… i'll post my findings if and when!
thanks again for the cool implementation and tutorial.
wrote on 12 December, 2008, 16:51
Thank you very much Roshan, How can I get three stages of a menu header, actually I am using images for menus i.e.. by default 1.png, onrollover: 2.png & onClick:3.png
wrote on 14 December, 2008, 11:10
Nice tutorial… thank you
wrote on 15 December, 2008, 8:52
Thank you … this tutorial has me very helped.
wrote on 18 December, 2008, 15:13
I need to set the maximum size of the menu and have the sub items start scrolling if there are more than 5.
Please help
wrote on 21 December, 2008, 23:18
Hi Roshan
I'm using your code as an include file for the menu navigation on my site. If I am using it as an include, is there anyway I can leave a certain selection open instead of having option 1 open all the time, bearing in mind this code/menu is coming from an external file.
Many thanks
wrote on 22 December, 2008, 22:23
abs – why not use php, asp, cfm, etc. to pass a session variable back and forth between pages, with the appropriate number of the item you want open on that page?
wrote on 22 December, 2008, 22:37
Thanks Bruce,
I'm using php, so I'll do a little bit of reading on session variables and how they work.
wrote on 23 December, 2008, 23:04
Hi again,
Im passing a session variable called menu_id through my pages, which contains a value from 0 to 6 – depending on what page I am on. I am doing this via php, but how do I convert/use the php value in my jquery script.
As far as I can tell, I just need to change this line to accept the session variable – $(".menu_body:eq(0)").show();
Many Thanks
wrote on 25 December, 2008, 1:44
try something like this:
session_start picks up an existing session.
anything within the php open and close tags… if syntactically correct… will be rendered when the page loads… i.e., before the javascript. i use this trick all the time… for dynamic shopping cart images that also show how many items are in the shopping cart, for dynamic slide shows, etc.
give it a shot, let us know.
wrote on 25 December, 2008, 1:47
oops… that stripped out the php code… here it is again, but replace the pipe characters with less_than and greater_than characters:
|?php session_start(); echo $_SESSION['menu_id']; ?|
if that doesn't appear correctly or work, feel free to email me directly: firstname.lastname@example.com
wrote on 25 December, 2008, 10:38
Thanks Bruce,
I've solved it using the following commands…..don't know if it is 'correct' but it seems t work.
var menu_id = "[?php echo $_SESSION['menu_id'] ?]"; //to grab the php session in a javascript variable.
$(".menu_body:eq(" + menu_id + ")").show(); //im sure you can use the session directly in here but no matter what I tried I couldn't get it to work. This method does work
wrote on 5 January, 2009, 8:56
please help how to correct the js..
problem is when i pass my mouse quickly on the menu the dansing effect is repeatedly and once 1 remove my cursor out..the effects continues depending on the amount of time my cursor passed on the menu..
i want once the mouse is out the menu closes to its initial state
wrote on 9 January, 2009, 19:42
Nice example, thanks! I made a minor modification though so that when you collapse a header it correctly shows the "left" image.
var img;
if ($(this).next("div.menu_body").is(':visible')) {
img = "url(left.png)";
} else {
img = "url(down.png)";
wrote on 12 January, 2009, 16:44
Excellent tuto ! How to set different colors for each button of the menu ?
Thank's for your reply
Happy new year.
wrote on 17 January, 2009, 10:00
Hi I'm also interested in achieving the same result as your (ie trying to save the opened menu item to a cookie to reopen it one the visitor comes back to the same page)
I know how to store data into a cookie but how can get a unique id for the menu item that was clicked? so that i can reopen that menu item using the $('.menu_body:eq(0)').show(); function.
btw its a very helpful code Roshan
wrote on 26 January, 2009, 4:13
On my page I have 2 div tags.
Div tag #1 is populated by choices from the accordian menu.
Div tag #2 contains the menu.
E.g. Clicking Link #1, from the first pane, in the menu causes a description on pine trees to appear in div tag #1.
If I were to click on a link in the pine trees description, it would then reload the menu into div tag #2, with the first pane closed and the second pane open. The links showing in the second pane are now relevant to the pine trees description in div tag #1.
I know how to set which pane I want opened and I can call my links dynamically. Where I'm having problems is that when the menu reloads in div tag#2, the javascript and jquery stop working.
I've researched binding and the livequery plug in, but in short, I can't get them to work.
Any suggestions would be appreciated.
wrote on 18 February, 2009, 3:57
Wow, this menu is great, best one I've seen so far, thanks a lot for this I'm going to use it on my site.
wrote on 5 March, 2009, 14:46
What licence is your JavaScript released under? I would prefer LGPL
wrote on 9 March, 2009, 17:22
Display:none (or hidden) will affect accessibility when used in the HTML. Users will not be able to see the information contained in the divs. So, instead of hiding the div in the css, it is probably better to do it in the javascript.
For example:
//Place this at the beginning of the accordion function right below the .ready(function($)
Then remove the .project_body {display:none;} from your css.
wrote on 13 March, 2009, 16:32
Hey Roshan
Many thanks for the code.
I've been looking for somthing like that for quite a while.
keep up the good work
All the best
wrote on 13 March, 2009, 21:29
Hi Roshan.
Congratulations and THANKS for your Blog.
My English is very poor, but I'll try explain my problem.
I load this script in my blog, and working very well when I'm using Chrome, BUT Isn't work when I use Internet explorer.
Do you know what is happening?
Thanks a lot an best regards.
wrote on 16 April, 2009, 3:14
Hello Roshan,
Were you able to find a solution to the problem Bryson posted back in August:
#Bryson Justus wrote on 27 August, 2008, 19:47
>If you click on Header-1 to open a section then click Header-1 to close the section the arrow doesn't change back. How do you fix that?
#Roshan wrote on 28 August, 2008, 5:15
>@Bryson – Thanks for mentioning the bug, Let me fix that post that soon…
I would also like to know how to fix this problem.
wrote on 16 April, 2009, 20:39
I've got another one for ya… I am trying to get the menu_head font to change as well as it's background color (I removed the image as I don't need it for what I am building, but I can't seem to get it to work. I've tried the following:
Any idea's on how to change 2 css attributes at the same time from that script?
Also for some odd reason I am getting a weird firebug error when using this script:
[Exception… "Component is not available" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: file:///usr/lib/firefox-3.0.8/components/nsSessionStore.js :: sss_saveState :: line 1909″ data: no]
[Break on this error] this._writeFile(this._sessionFile, oState.toSource());
nsSessionStore.js (line 1909)
Any idea's?
Thanks for the great work,
wrote on 17 April, 2009, 19:26
First of all, text-color: is not a property, it should just be color:
Also I think it should be a comma instead of semi-colon in between the two css properties.
({background:"#FF0000?, font-color:"#FFFFFF";})
wrote on 18 April, 2009, 18:38
@Matthew Coleman, Thanks man, comma did the trick
wrote on 19 April, 2009, 0:09
can you please explain how i might alter this to collapse the accordion onmouseout? so, when the mouse isn't in either the menu_head or menu_body field, the menu would retract. thank you so much!
wrote on 20 April, 2009, 7:30
Is it possible to make the menu save the section that is opened out to a cookie so that when the control is reloaded, it can re-open the same section?
wrote on 27 April, 2009, 21:53
I love this, but having issues. If I have the HTML already my page then the headers expand and collapse. How I want to use it is to have the Headers, etc generated dynamically thorugh code. I have a SQL query which is select some records and then shoving info into variables and setting it up to look like the html for the accordian menu. It gets on the page, but nothing happens when I click on the headers. The script is on my page. Do I need to reregister the script that is calling the functions in jquery.js. Any assistance woul de appreciated.
wrote on 30 April, 2009, 16:03
Thanks for this script !
I am using the version that collapses on rollover, however, I want to make the 1st heading clickable and insert a link to it, because it has not subsections…can anybody guide me on what to modify to achieve this?
Many thanks in advance
wrote on 5 May, 2009, 20:59
Thanks so much for this – exactly what I was looking for and very elegantly done.
wrote on 21 May, 2009, 20:54
@Roshan thanks for this great menu
I found a solution to keep a control on the menu so that when you follow a link the menu stays open, quickly this is what I did:
On the page that will be opened by the first link I put something like this :
On the jquery function I added this lines (at the beginning) :
var num=$("span.keep_open").attr("id");
$('.menu_body:eq(' + num + ')').show();
That is all.
For the page that will be opened by the second link, I have written :
etc …
No ajax, no pain!
wrote on 21 May, 2009, 20:58
the two missing lines (I don't know why they don't appear)
*span class="keep_open" id="0″> </span*
Hope it works now.
wrote on 28 May, 2009, 18:32
I love this menu – it's great! One question – I need to make the Header-1, Header-2 and Header-3 clickable links. I tried to add a style to the css, but when I apply the new link style to them, they don't function to open the accordians. Any suggestions?
wrote on 5 June, 2009, 2:35
from china guangzhou
wrote on 6 June, 2009, 11:03
Thank you … this tutorial to menu has me very helped.
wrote on 10 June, 2009, 8:21
good one
wrote on 10 June, 2009, 18:47
I am trying to get the navigation working so that the accordian is open when a user is in that directory. I am using a $_SERVER['REQUEST_URI']; call in PHP and parsing the array to give me a directory,.
I am new to jQuery… where would I add the $(".menu_body:eq(" + menu_id + ")").show(); ?
Do I add this after the .ready(function($)?
Are there any changes to jQuery.js?
Ben McOsker
wrote on 18 June, 2009, 11:06
Works perfectly fine! So simple that I could also tweak it..
wrote on 20 June, 2009, 17:39
If I were to have to train a new developer how to do web work, I would head straight to JQuery. I would use JQuery as a JavaScript learning gateway drug. By the time the developer is done learning JQuery, then learning the rest of JavaScript would be much easier. Plus, they are already effective at producing code. I see that as a double bonus.
wrote on 29 June, 2009, 20:26
Great script!!
I'm currently trying to make a way for the menu to collapse when the user mouse's out. This command does that:
$("#secondpane p.menu_head").mouseout( function() {
The problem I am having is keeping the menu open when you want to hover over a link. Anyone have any ideas? Thanks in advance for any replies.
wrote on 10 July, 2009, 20:25
Roshan, thanks for this great tutorial.
Can anyone tell me how to make this menu expand from the bottom up instead of from the top down? Much obliged.
wrote on 23 July, 2009, 19:02
Is there a way to change the header image according to menu state?
What I mean is that when I click the same menu I opened before but this time to close it (I don't want to click another menu to close it), the correct image to show is left.png. Instead now when you click a menu whether it's closed or opened there's always the down.png image shown.
wrote on 5 August, 2009, 11:36
oooooh… all the aspx is filtered out… but i can mail it if requested
wrote on 24 August, 2009, 15:39
first off, love this menu! thanks a lot for providing it.
secondly, how do i make the header a link itself? in my navigation, the headers are pages as well that i need to link to.
thanks in advance.
wrote on 2 September, 2009, 17:48
Roshan, first of all thank you a lot for the tutorial, it is great! Then, I would like to know something that I will be grateful if you could help me with. It is rather easy I think. I want to change the arrow from down to left when I click on an opened header. Right now the down arrow stays shown. Thanks in advance.
wrote on 16 September, 2009, 1:23
thats a superb piece of code..
But what if i want a widget instead of accordion.
What changes do i need to make…
wrote on 17 September, 2009, 19:29
Hi Roshan,
I have the same question as kristianDavid, how do you make the header for the different section links aswell?
wrote on 24 September, 2009, 16:06
How do you fire another jquery event, by clicking on a link, inside the accordion? Say i wanted a link that would pop up a dialog. Im new to jquery, so this would be a big help. I cant find something that does this, anywhere.
Thanks for the great tutorial
wrote on 2 October, 2009, 9:37
Great! And helpful! Thanks!
wrote on 3 October, 2009, 16:34
Thanks steve
wrote on 11 October, 2009, 13:55
I like this menu.
Thanks Roshan.
wrote on 12 October, 2009, 17:17
This script is great
Wil you tell me, how you exactly do that?
Because I`ve tried everithing possible, but nothing happend.
If you want, you may send me the script at my mai.
wrote on 25 October, 2009, 23:51
very helpful.. thank you.
wrote on 9 November, 2009, 20:40
Hi, this is a wonderful script!
But wait, what if I want not to show the arrows in menu headers that hasn't children? is that possible? I've tried and turned me mad
wrote on 19 November, 2009, 19:51
I wrote a nice little tutorial with a custom accordion specifically for wordpress vertical accordion menu. It can be found here http://www.wessray.com/jquery/jquery-accordion-for-wordpress/
wrote on 4 December, 2009, 13:44
Great Tutorial. Thanks
wrote on 8 December, 2009, 20:23
Thanks, this JQUERY-Tutorial has me very helped.
wrote on 11 December, 2009, 21:16
@jeremy I found a solution to the accessibility problem. Use a tag and inside put a link to a nojavascript.css file. In the css file, add this
.menu_body {
display:inline !important;
This will make the navigation visible to those without javascript.
wrote on 11 December, 2009, 21:18
Sorry, comments stripped my tag, use a noscript tag and put the css link in that.
wrote on 13 December, 2009, 18:12
Hello, in IE 8, playing with the accordion causes the margins in between the headers to dissapear. Has anyone came across a fix for this?
wrote on 24 December, 2009, 18:11
How can a person update a jQuery menu from a central file (like XML for example) if the html DIV structure must be pasted from page to page? How to you update the menu if you have, for example 50 pages, without having to go page by page and not being able to use Server Side includes?
wrote on 25 December, 2009, 3:40
very useful!
wrote on 28 December, 2009, 6:11
thx collect it to
wrote on 2 January, 2010, 23:35
Hi guys,
First of all, thank you Roshan for this script! But I realy need your or somebody's else help. I'm making a website (wich is not ready yet), and I'm stuck with the open menu on load page thing, where you have to add this code:
See my website: http://www.loft238.nl/DGR/index.html
I did that for the index page just to see if it works, and I tried almost everything.. I got a deadline in 5 days so I hope somebody of you can give me a solution.
Many thanks in advance!
wrote on 13 January, 2010, 14:31
Thank you for a great script. We are planning to implement this on our website.
wrote on 14 January, 2010, 13:28
this menu is very good tool. For IE, FF, Opera.
BUT, not on Safari (windows and mac) : impossible to open the menu if configurated on "clicking" and when completely closed.
Do you have a solution ?
wrote on 17 January, 2010, 10:56
Hi Roshan,
Great script! I use it for my friend's site.
I faced a minor trouble at Mozila only – can't customize hover color of head links by editing css. it works ok with body links, but doesn't with head ones.
I managed to solve that with adding onmouseover=\"javascript:this.style.color='#FFFF99'\" onmouseout=\"javascript:this.style.color='#FFFFFF'\" (php notation). Is it somehow assosiated with vs at original menu items section?
wrote on 19 January, 2010, 7:12
« BUT, not on Safari (windows and mac) : impossible to open the menu if configurated on "clicking" and when completely closed. »
Sorry for disturbing : all is OK now. The menu works perfectly, in Safari too !
wrote on 3 February, 2010, 9:21
Simply excellent , it helps a lot while programming with Jquery. i got the learning Jquery e-books from some rapid sites, there are really very invaluable info on this language. . . . .Thanks for sharing
wrote on 3 February, 2010, 11:51
Thanks for the script. It works. What should i do to make first menu expand by default?
Please help !
wrote on 5 February, 2010, 17:45
Very well Explained. Its working. Thanks bro. Looking forward to new posts on menu styles.
wrote on 5 February, 2010, 17:54
Hello Praveen,
If you would like to open first menu open than you have to write style="display:block;" sentence in First Div in HTML.
This will overwrite the CSS style of class display:none for first div.
Once you will add inline style in first div, it will be visible when page loads.
wrote on 11 February, 2010, 7:32
Dear Roshan,
Thank you for your great effort, it is very helpful to do our things easy.
Could you guide me to edit the code for mouse over accordion to collapse if I move the mouse out of the menu.
Thank you and looking forward.
wrote on 16 February, 2010, 3:00
i think we should change second command from :
to this:
wrote on 25 February, 2010, 12:44
The script is very good. But it has a problem. let me take u to scenario. U have clicked over a menu, it shows u all the sub menus. Now when u click over a menu which is not having any sub menu then when the opened menu regain its size but the line separating the menus get merge at one place. Can u please tell how can come over this problem.
Thanks in advance.
wrote on 25 February, 2010, 20:21
Thanks! this is exactly what I was looking for.
A small contribution to this code: you can add a toggle function and an ID to the element to manually collapse a specific menu, for example with a button. This not only allows for more control but also provides a way to expand a specific menu acording to the current page and even generating a java script with PHP…
Add this inside the section:
function toggle(pID){
And ad an ID to the tag
And a button to collapse the menu manually
wrote on 13 March, 2010, 15:15
thank you ^^
wrote on 18 March, 2010, 9:54
excellent information, thank you thanks for the inspiration!
wrote on 24 March, 2010, 10:28
hi Roshan
i am using accordian menu in my site when page is reloaded it is active parant menu is closed
i want to one link open at a time
wrote on 25 March, 2010, 19:10
Hey, I am a complete rookie at jquery and I need some help. I have implemented the script and it is working great, but I am wondering if you can combined the two different menu styles. I would like to click to open the menu but I want it to close on two different scenarios…rollout/rolloff of menu and when you click on any of the menu_body links. Can anyone help me out?
wrote on 28 March, 2010, 18:50
hey guys,
my problem is the same as a couple others, i am trying to keep the menu open when the user clicks to a sub page. I am looking to keep the menu open on the sub pages so the user doesn't have to re click the menu each time a new pages reloads. Redsonic posted some code way above in the comments, but i really don't know how to implement it. Can someone help?
wrote on 13 April, 2010, 1:35
Thank for script.
It's very good.I need it.
But I want to it work with PHP.
So,to create a menu for category.
My old file "listcategories.php":
Link: http://www.mediafire.com/?zvd5ylltyqg
Now I want to create a menu with links from database with fields as in that php file.
Help me.
Thank you very much.
- links for 2008-06-02 | Mior Muhammad Zaki
- How to make accordion menu using jquery
- Katod'un Seyir Defteri - 02.06.2008 at katodivaihe
- The Abarentos Narrative » links for 2008-06-04
- Fatih Hayrio?lu'nun not defteri » 09 Haziran 2008 web'den seçme haberler » Html, nas?l, kodlan?r, Ba?lant?, Sitelerde, çok, kullan?yoruz, Buda, baz?, yava?lamalar
- Help me to become the first Blogging Idol
- 300+ Jquery, CSS, MooTools and JS navigation menus | PaulSpoerry.com
- 300+ Jquery, CSS, MooTools and JS navigation menus | 1stwebdesigner
- 300+ Jquery, CSS, MooTools and JS navigation menus | Neurosoftware web dev
- Create Accordion Menu Using JQuery | Tech Tips Tricks
- 13 Excellent Tutorials On Creating jQuery Navigation Menu | DeveloperFox
- 13 Excellent Tutorials On Creating jQuery Navigation Menu | Pedram Development
- WebAir Blog » Blog Archive » 17 "Must see" Menu in jQuery
- 8 Amazing jQuery Accordions
- 8 "Accordéons" JQuery
- 8 "Accordéons" JQuery | In-my-head
- 13 ?????? ?? ???????? ????????? ?? Jquery | Help For Web Developers
- idea's blog - [?]300+Jquery, CSS, MooTools ? JS?????
- Accordion menu by Roshan - Okada Design Blog
- 300+Jquery, CSS, MooTools ? JS??????? | ?????
- 300+ Jquery, CSS, MooTools and JS navigation menus « Dogfeeds——IT Telescope
- 30+ Essential Javascript Framework Supported Navigation Techniques | tripwire magazine
- Collection of Essential Javascript Framework Supported Navigation Techniques | guidesigner.net
- Menu và Tab các ki?u - Mr[K]id – Lê Quang ??c
- 20?Javascript??????? » ?????
- Accordion – Plugins, Demos and Tutorials - Hidden Pixels
- 42 jQuery Navigation based Techniques | Codrops
- 13 Excellent Tutorials On Creating jQuery Navigation Menu | DevWebPro
- jQuery Navigation Menus: A look at 13 Tutorials « Web Design
- Gotowe skrypty jquery, mootools « Sebastian Sobieraj
- 30 Useful Tutorial for JavaScript Framework Navigation | Tutorials | instantShift
- 13 Excellent Tutorials On Creating jQuery Navigation Menu « Nulls
- Amazing jQuery Accordions « anil's Blog
- Accordion Menu Using jQuery
- 40 Really Useful JavaScript Tutorials with Modren Techniques | Smashing Buzz
- 40 Really Useful JavaScript Tutorials with Modren Techniques | crazyegg.net
- Inline Expansion – Why And Where To Use It | Spyre Studios
- 33 jQuery Menü | SyncapNoktaOrg
- Excellent jQuery Navigation Menu Tutorials - Noupe
- 13 Excellent Tutorials On Creating jQuery Navigation Menu | Everything of KK
- 30 jQuery Accordion Menus, Tutorials And Best Examples
- 30 jQuery Accordion Menus, Tutorials And Best Examples » abdie.web.id
- 300+ Jquery, CSS, MooTools and JS navigation menus
- 30 jQuery Accordion Menus, Tutorials And Best Examples « Websitetutorials's Blog
- 15+ Amazing jQuery Navigation Menu Tutorials
- 37 Amazing Tutorials for jQuery Navigation Menus
- 13 Excellent Tutorials On Creating jQuery Navigation Menu « WORLD OF RADZAD
- Easy slide down menu
- 300??Jquery, CSS, MooTools ? JS ???? | ????
- 33 jQuery tutorials to create Navigation Menu