Remove duplicate select option jquery

A couple of months ago I found myself looking for a jQuery plugin to create a horizontal accordion.

Hide options in a select list using jQuery - Stack Overflow

I needed a simple and clean solution for one of my projects and, at a first glance, Slidedeck seemed to be what I was looking for. Unfortunately, this turned out to be not that flexible as I wished it to be. Hence, I decided to create my own horizontal accordion plugin.

This makes completely sense to me, because otherwise people might share the code and give it away for free. Why would you expect any support for it?

For all these reasons I opted to make my own accordion plugin. This was definitely a tougher challange than the one I took on with the Easy List Splitter plugin. Creating such a plugin is much more complicated and took me several nights and weekends to get it done and to make it working cross-browsers.

The result is pretty good and hopefully it will help you whenever you need a highly flexible horizontal slider able to show any kind of content text, images, lists, etc. A special thanks goes to Andrew Thompson because without his priceless help I would still be there trying to make multiple instances working on the same page. Easy Accordion plugin will get your definition lists DTs and generate a nice and smooth horizontal accordion.

You can then decide to make it a timed slideshow or leave it still. You can see the Easy Accordion Plugin in action here. As usual, all of that will be realized in an unobtrusive, SEO friendly and accessible way. Easy Accordion Plugin keeps the HTML to the minimumis SEO friendly and fully accessibleuses the CSS rotation to rotate the slide titles no need for images here!

Here is the HTML code for a simple definition list wrapped into a div container:. We need now to include three different files in the head of the document: If you do not know yet how to set up your jQuery environmentyou can find a detailed explanation in my first jQuery tutorial, otherwise just keep reading!

You can target any definition list using the powerful JQuery-selectors. The plugin accepts different arguments. Make sure you wrap your definition list into a div container and call the plugin on the div element and not on the definition list straight away:.

To see the hidden slides userswill have to click on the respective slide titles. In this example the plugin will move to the next slide every 5 seconds. As soon as it gets to the last slide it starts over again. If you click on one of the slides the slideshow stops so that the user can easily read the content or move back and forth. In the demo page you will find two different bits of CSS marked with CSS comments. The second one, instead, can be updated in order to customize your accordion for your needs.

The jQuery Easy Accordion plugin has been tested on the following browsers: This plugin is totally free neverthless, as it took me quite a good number of sleepless nights, a free donation will be really appreciated.

A link back to this post would be much appreciated too! You can get the Easy Accordion plugin full sample here KB — zip file or get the JavaScript file only below.

Seems to be broken in Chrome on my site bottom of page: The filter specified for less than IE9 it works fine in windows 7 and windows vista. But when I use windows 8 and check the IE8 the filter rotate does not work. Ciao, prima di tutto scusate il mio italiano lo parlo, non lo scrivo tanto benesecondo fatemi darli le grazie e i complimenti per il suo plugin, bravi! Thanks for this great post and amazing plug in. It took me a while to get it work with my jquery version 1. This does not seem like a small issue but instead an insurmountable problem?

I do not wish to look a gift horse in the mouth but what use is it at the end of the day? Could have been so great…. Hi, I wanted to put a link on a certain slide and should link directly on the next slide, anyone can help on this?

I have used the same code in my html page, but it not compatible with IE9, but the source code which you have done is working in IE9. Please give some solution. Thanks so much for replying to my comment about IE Am I missing something? Meant to say on my last post — the script is amazing — so easy to set-up an use — thanks a mil. I had some issues with positioning of dt in chrome and opera. The following best answer inserted into the cross-browser-fix-area of the jQuery should fix the problem.

The only thing is that in Opera Browser dt are note positioned correctly. Will there be a wordpress plugin for that? IE10 support, Chrome vertical strips, etc. I also posted a successor of easyAccordion called conventAccordion on github.

It supports horizontal and vertical accordions, galleries, rotating banners and more. Check it out on github. Have any others experienced this as well? I want to pause this on mouseover and want to resume after mouse out… What I have to do for it. I dont really want to reposition it with margins as it looks fine in other browsers and changing that would break the other ones. First of all, I want to thank you for such a wonderful plugin.

I have one question on it though. For Safari and Chrome I am getting the dt font showing up blurry. Any suggestions will be appreciated. Line 48 calclulate the correct height for variable: Line 59 Partially found the solution from Xavier http: I can not get it to work in IE10! Could you tell me if it shoudl work in IE10? Today I placed version 0. In this version I added: This are the entries whit the transforms. Hello to all you posters!

Just released my enhanced version of this beautiful plugin. It addresses most of the reported issues, has support for IE10 down to IE6, and all other modern browsers.

I added pause on hover, act on hover and many more. Also you find a new skin Stitch in the CSS folder. And more to come… Have a look at it on github. Hi, i really liked your work. Anyone get this working correctly in IE9?

jQuery Tokeninput

The CSS is ok. More specifically, this happens on Macintosh The complete error message is…. Would be awesome if it would have a feature to scroll the content up and down in it just like slidedeck has.

I am also trying to fix the vertical line problem in Chrome. Can Paragon or someone post the actual change and describe how to implement it? Becouse I try to use Paragon solution but it did not work for me.

A javascript error is shown: I use the last jquery version 1. Paragon expressed a solution — to. I was hadding one issue in chrome with the dt element, that was breaking, so after some research, i found in the jQuery API that jQuery.

So, to get working again in Chrome and Safari again, you should replace. Thanks for great plugin! Maybe some of you tried to solve issue with ie10 too? Same problem, on IE9 the active Area of the tabs is only about 40px. In other browsers it works like a charm. Has anyone a fix for this? Thanks for the great accordion! Hello there i have changed one line in the script as the safari browser detect is debregated if jQuery.

Would somebody be able to help me i would like to change the dt width depending on browser resolution on change. I tried to add a browser size detector then reset the variables, but it seems to not be working. Im thank it forever. Si James, Thanks a lot! Your answer was the solution for my problem!! Warm greetings from Argentina!! Our solution was to.

For example in our specific case we used:. It is a margin-left which is not updated correctly in the first instance. I need to have all tabs closed when i open the page,is possible? I have a problem…. So if your on a different page, and you click a link it will take you directly to that slide, and not start on the first slide? Now add this css: Click areas not correct? Thanks to author for sharing this utility. It seems to be these sliders tabs are reading horizontally even if there image to click on.

Any idea how to fix that? Is it possible to get the Accordion to re-size with the content? IE 9 only allows a small clickable area within the tab near the top not the whole thing! I know IE are the worst web browsers out there, but they are the most commonly used! Hopefully someone can help find a fix! I would like to modify the area on each slider tab to be clickable for a greater area than just the top of the tab.

How can this be accomplished? Thanks for your help. But when I click for example the first slide when viewing the third the content shows immidieately — only the element slides back on top of the content… to be a little more specific the background of the first slide seems to be transparent. I found that if I load a site that uses easy accordion and change to another tab in my browser for 5 minutes… when I return to the easy accordion page the animations are firing very quickly.

It appears your setTimeout for autoStart causes the animate function to build a queue when the browser tab is inactive. When switching to the browser tab the animation queue fires as quickly as possible to catch up with itself. The fix I came up with was to put. Using easyaccordion for a while now to accomplish multiple steps in a form. Thanks to the author. The solution I found to work was to add a tag around the text within the. I did it manually, made sense for the little project I was working on, but could easily be achieved through the jquery:.

The Plugin breaks in IE on wordpress because of the use of dollar on line It is a very nice and lightweight plugin. Is there any way to use ajax here to load some external data. If Yes, could please hint How to. I am bothered by the rotated text and would rather have real verticle text like this T H I S. I found a solution at http: However, it breaks the dt width which is adjusted for rotated text.

Any chance of a helping hand? After looking through several sliders, this was the easiest to work with and modify to what was needed for the site. However, it seems to have a critical error on any Firefox browser 3 or below. The slides fall below the images. At first I thought it was just the modifications I made to it, but it does the same thing on the demo page here as well. Hey, great add on. Is there any way to have the slide open when the mouse is rolled over it?

Here is fix for Opera: Is there a way to implement the slide on hover instead of click? It does solve the IE9 issue after applying the patches given by Luch Klooster. The image in dt becomes transparent.

Great work to create this plugin and for free too. I would like to implement this on my wordpress blog, but I realise I cannot install it like a regular WP plugin.

Can somebody please do a small tutorial on how to implement this? I would be very grateful. Hey I was wondering how i would put more than 4 accordions on a page? Thanks for the code. I have one question, How can we add hover effect, so that when we have mouse over slides can move, an effect like this website http: I would appreciate your help.

All tabs looks in horizontal mode, like user robot said…. I got some trouble with the IE8 and older. The problem is that there is only a small click area on the slide title and this was discussed here before.

I could solve the problem with IE9 by following the instructions in post comment Never mind about my previous post. I went ahead and replaced my slidedeck with yours and it as absolutely perfect haha. THANK YOU A TON! Get you some beer money, lol. I do have one question… Is there a way to place a background image for each slide in the CSS? I tried to place it in the but of coarse that placed the same background image in all 3 of my slides.

Is there a way to have a different background image in each slide? I recently purchased SlideDeck and it was a terrible mistake. I am using Pro on a wordpress site for a client.

After creating my on custom skin and loading the plugin, I started to add my content in each slide. Slide Deck claims full HTML customization using the HTML tab on each slide in the plugin. Every time I entered my HTML and saved it would completely strip my HTML code rendering the slider useless for call to action buttons and things like that. The help forums full of slidedeck employees are NO HELP. I only got one reply to my question and it was absolutely worthless.

I have now wasted bucks of my clients money. After searching for a solution I came upon your Slider. So far I love what I am seeing. Will the slider work in wordpress and can I use html inside of each slide for buttons? The accordian is great; Thnx. I need it resized to px X px in order to place it in a web part in Sharepoint. Hi, I need something just like this but to work Vertically. I need to replace it with something that has a consistent auto-play interval and works smoothly like yours.

Like this plugin in. Great effort and work. Hopefully i can make good use of it for simple solutions for people in needs. Glad I found your post! Thanks for sharing this! I like your design. I would very much like to not have the numbers on the bottom. I have tried a dozen things to get rid of them. Anyone have a suggestion on how to hide the number on the bottom of the tabs?

I have seen demo in your site It looks good. Hi, I really like Your work! Changing tabs or scrolling page down slows the browser a lot. Has anybody noticed it too? Would anybody be able to give me a few pointers on how to go about having a different image for each spine? I appreciate any help given. Thanks for the script! I was wondering if there was an easy way to make it responsive? E Resize depending on the browser width so that I can use media queries? Any guidance would be appreciated!

Has anyone found a way to make it into a vertical accordion so things will move up and down vertically and stack vertically? Awesome accordion you made and its so easy to use. I have a question though this is just personalization: Thank you for your time. Example, 5 sides each representing the day of the week. I visit the site on Wednesday and the 3rd slide is active. Visit on Friday and the 5th slide is active. And still have the ability to click on the other slides at any time.

How do I change the spacing between the slide titles? IT is great in Firefox and Chrome! But not in IE9! All the vertical slides are change to horizontal! I finally found a great horizontal accordion that is easy to install and no BS if you know what I mean.

Thank you so much!! Does anyone know how to select a specific slide from an outside link? I have a link on my how to make money on lemonade stand game Contact Us that I would like to automatically open the Contact Us Slide in my Accordion.

Give a unique class to all slides. Now you can easily active a particular slide. To activate slide 5: I placed an enhanced version of easyAccordion. So when you download and use my enhanced version you only have to add the onclick event.

I greatly appreciate your help! I think this solution will work perfect for me, but I have a small issue setting it up. I then regestered the script in my ASP. If so, what should be in them? Would you be willing to help out with our accordion control when we have issues as a consultant?

If so please provide your contact information. When I leave the page and come back, the slider is jumping rapidly.

It works fine with 1. I placed an enhanced version of the script on https: Hi Andrea, great plugin! I have one question though that nobody appears to have asked — might it be possible to place the tab to the right of the content as opposed to the left, but keeping the same LTR movement on opening?

Thanks for you efforts to put this plugin free for all. But this plugin not working fine with Google Chrome browser…. This will correct display of numbers on Tabs. Does your accordion support IE9? Because it keeps telling me that I need to press the compatibility button in order to make it work.

Thanks for the info! Hi, I was looking for another Slidedeck because of uncusomisable reason and I finally found this plugin. So could forex profit multiplier rapidshare answer my questions? Can easyAccordion work with jquery 1. Can easyAccordion work with another jquery plugin like easyslider? If not how do I post my code on here anyone? For anyone wanting to open a specific pane when linking to the page the slideshow is on, the following worked fine for me:.

Pane 1 Title Pane 1 Content Pane 2 Title Pane 2 Content Pane 3 Title Pane 4 Content Pane 4 Title Pane 4 Content. I tried to use on my site http: How do I get?

I have got some weird problem going on in IE9. The complete slide bar is not clickable. Dose anyone have any fix for this? Hi Andrea nice plugin i was wondering how i can get the first element in my accordion to close when i click on it. Right now it only closes the second element in the accordion if i click on the first element. I was wondering if there is any way i can close the element when i click on the acatual element and not the one in front of it.

I just came across your JQuery horizontal plugin. You did a FANTASTIC job creating this. Thank you so much. I ran the included index. What is strange about all this is that if I simply go directly to this web site and then run your demo link, I receive no prompting.

So what is different between the demo included in your unzipped file that I download versus running the exact same demo directly from this web site? Thanks very much for sharing with us. For those wondering how to make the auto start to resume after clicking on a slide, try copying the code from the click function, and paste them after clearTimeout …. Thanks, a lot to you. Actually, i have already spend a day for a accordion plugin. However, i really giving thanks from my heart for your this kindness.

If i would have any money in paypal i would pay u. Thank you very much. What kind help do you give I never tell you. This is really good content slider I am so happy to get it. Thank you very much.

jQuery Fundamentals

Is there anyone who managed to fix the IE9 issue? Vertical bars seem not to be clickable… Elements are rotated vertically well, but something got earn extra money in edinburgh since IE9 came out. Hope you could fix it, thanks since now! I love the accordion you have here and it almost completey covers my needs. So for example, if I go to a website on Monday, slide 1 is open.

If I go to the website on a Friday slide 5 is open. Is this possible to do? My knowledge of jQuery and javascript is limited at best. How can I create a wordpress plugin version of this awesome content slider and would I be able to have the slides go horizontally other direction of the demo?

I would bands make her dance clean mp3 download more than happy to donate to anyone that could help me out with this quickly please. I added a slideSpeed setting in my version because I wanted slower slide transitions. As far as I can tell, one only has to extend the.

Maybe a generalfeature for the plugin? Thank you for this great accordion. Keep doing a great job and Happy Easter! Is it possible to load an item programmatically? I was very happy to see that you had managed to solve the problem in Opera. The accordion expands horizontaly but the slides should be in a vertical barclays forex investigation so it is not rotating as it should.

Im having a problem in IE9. The accordion looks right mostly but it doesnt function at all. I finally got a remove duplicate select option jquery to play with this. THANK YOU SO MUCH for releasing this horizontal bar. I have been struggling for 4 months for a client solution and this is absolutely perfect.

Its easy to use, you explained every eventuality I ran into, and its beautiful. See you this summer! So now i realy need your profession for a little customization.

I only want that another div box is changing the picture when the accordion switch the content. It really is handy to have a way to do this. Fantastic plugin, super sexy and easy to use! Any help would be very much appreciated! Thank you so much, I had this problem with IE, and now it has been fixed thanks to your suggestion. The Oper fix from Nicholas Leeson above worked for me.

Thanks for doing this. Very nice work Andrea! I was wondering, did you notice that in IE9 only the top of a tab has a link area? Love this plugin, have been looking for a while for a simple jquery accordion. May i know can i plugin Easy Accordion to my wordpress post? Hey I thought this code was very interesting. I have it auto-scrolling through three slide.

I was wondering if you would have a code that can stop the auto scroll after the third slide? Thanks a lot for this script. I am going it to use it in my new website. Very kind of you to share this! How do i best stocks and shares isa broker the autoStart.

Once the user click to the accordion once? Because currently once the user click the accordion title then the auto sliding will stop. I had to adjust my margin amount but this works great for opera! Didnt seem to break it in any other browser either. For the ie9 issue, it seems that the area that is link clickable is the height of the american binary options brokers image rotated images width Could ie be rotating the image but not the link area?

But i cannot figure out how to make the inside of the Accordian black! Everything else was easy, new tabs, new colors for text, background black. But when i try to shift the inside the text goes transparent and only when the active tab is in place i stops being transparent? Please help, when this works donation is on the way, because this is the entire base for my website……. This looks extremely promising for what I want to do!

Hi Andrea, great plugin. Has anyone else got any advice? Also is it possible at this stage to have different images for the tabs?

Turning on compatability mode seems to fix it, but using the compatability mode meta tag does not. Plus a very flexible script. Would be a wonderful update or if anyone else has tackled this and would like to share that would be great! Another request for pausing animation on mouseover the of the accordion — any ideas on how to do this???

Including making the plugin chain-able. Is there anyway around the absolute positioning of the accordion? This is the kind of work that shows passion!

I was an intern for digital telepathy creators of Slidedeck for a few months and recently emailed them to see if I could get how to make money as a travel videographer discount on slidedeck and no luck.

Is there any way I can make the Height fluid so it would match the height of the content? Thanks for the great code! Is it possible to have the inactive slides have different images slide-title-inactive And how would I go about having an image be at the bottom right of the divs instead of floated to the right of the text?

Do you have any updates planned? This is the single greatest accordion plugin ever made. Thank you fas 123 stock options making such an excellent plugin!!! The problem is that few sections of our site have no child documents and we want to keep them static in menu. I love this accordion plugin!

Is there a simple way to make it work vertically? This thing is so lightweight and easy to configure, it would make an excellent option of sidebar navigation! Thank what are vested employee stock options for a great script. I tried to put it into the Google gadget and it worked just fine in Chrome and Firefox. But in IE I tested it on IE7 it works very strange.

Here is the webpage where I tried it — http: Can you please have a look and tell me if you have any ideas on fixing it? I have one question though. I was wondering where in the easy-accordion jQuery I can target the CSS so I can add an arrow extra image to the when it is active active.

I would like to implement this slider in a wordpress blog. But I am not pretty sure how to do it correctly. Can anybody help me? Thanks for sharing this jQuery plugin to us. I would be glad to include this to my portfolio. I am a web designer at Ozven Graphic Design Studio. I would like to ask, if you know Javascript language. Great job on the plugin!

Just one suggestion, which was asked before I think. Could anyone please help me? That would be great!!! I am using IE 7, there is one small bug, which is that the hovering is not working. Could u help me in IE 7 hovering issue. Just a quick question, how to make active slide second slide in the menu?

I have four slides in the menu and sks stocks marketwatch two slides in one side and two in the other with the content of second slide in the middle? D Would really appreciate your help. You may want to change your browser support such that IE6 is not included. Even your demo does not work in IE6. The panels lose their borders, upon clicking, and in some cases they disappear all together.

How about a pause on hover function? As if you put a link in a slide then it can be whised away before the user can click on it. Simon, did you ever figure out a pause on hover solution? Anyone have any suggestions? When initially loading page and mousing over first dt title IE produced a javascript error saying noMoreActiveID undfined.

The accordion seems to break in IE, it gave me an error that in the easyAccodion. In my case, there was a jQuery. Alternatively, I could have removed the jQuery. Incidentally, Andrea, I dig both the plugin and the site. You are a professional! Thank you soo much RLL, that worked…I would have never caught that with my eye: Thank you so much again.

This slider is awesome: Thanks for making available. If I use it on a commercial project I will donate and give you credit: I assume this is released under MIT? There are so many vertical accordions available, and barely any horizontal one.

In Chrome only the slide numbers are clickable, the rest of the title bar does nothing. Anybody know a way to fix this? Place here some code…: I have the accordion in a body container. I have a problem in Firefox when ways to earn farmville cash both width and margin: It only happens when both width and margin: I cant seem to work this out.

I tried it with your demo and get the same problem. Is it just me or are other people having this problem? Thanks for the script as it is fabulous other than this little issue Im experiencing. Within your css, add in -o-transform: I rally appreciate you work it seems great. When you click on a header it stops rotating. Is there any way of stopping it if you click on the content?

I have a video in one. When you click to play it the video starts but it keeps rotating. Looks like some of my code is gone. I made a template page for this with this code. My category is 7 in this example. Scrivo in italiano o in inglese? Well… first of all, many thanks for having shared your script, very impressive! Is there a feasible solution to fix it or not?

Nice work, it looks very great. I have one question: I want to add the title and some description, for example: Thank you very very much! It works great on GNU Linux Ubuntu using Chromium and Firefox. Thanks a bunch for this awesome plugin, this is exactl what i was looking for. Can you help with how to make the accordion larger? I absolutely cannot get this to work in IE7 once I add to an existing page. It just shows all the slides on top of one another. To have the existing page and accordion completely separated, you might consider putting the accordion in iframe.

Are you using a background-image in your accordion dt? The remaining Opera-problem is: The DT is has correct size and position, but the background-image does not render. With just background-color everything works fine, but my layout is based on that background-image…. I see this problem too, with respect to the background images.

Also, I can get the elements lined up perfectly for one of the accordions, but for some reason my other accordion on the same page will not have the elements lined up perfectly.

Thanks for the Opera fix. I got the accordion working in my skinned accordion element with Opera by tweaking the number After successfu tweaking I noticed that there still is on Opera-problem left: If I add 20px padding to body, or create accodrionContainer div with any border or margin, every possible combination possible affects on the accordion elements causing the layout to explode. I was able to write an extra jquery step that works on the outer border, but headings DTs and content boxes DDs do not comply.

That may work only for my instance. If your headings are still off-kilter as mine wereput it back and try changing the to different numbers and see what lines them up. Thanks for this, I too was looking for a good alternative to slidedeck!

Is there anyway to slow down the speed of its scroll across? I slowed down the time it pauses on a single slide, but I am looking to slow down how long it takes to cross the screen. Thanks for this jquery plugin andrea, i do not use it in some site now, but i modified it a bit to work on wordpress. Thank you SO much! JQuery part is for my own instance of EasyAccordion; your mileage may vary.

This script is free ONLY for non-commercial use! Here is screenshot http: Hello, there are problem in operathe columnar text show as horizontalany way to fix it. I tried with a lower z-index for loading the images underneath the content div below, with no luck though….

All of the content divs load on top of each other for a split second, then they disappear before the accordion panes shoot to the right. Anyone else experiencing this? I have the opposite problem though: I need vertical content sliders—any plans for creating one? I would love to use your plugin with transparent backgrounds for the slide-title-active and inactive images.

I wanted to point out a small bug. If I have more than 10 slides, slides 10 and above are given numbers with a zero in front, such as,etc. Also, these number are positioned slightly higher than the previous slide numbers. Does anyone know how to prevent this? Also, does anyone know how to position the horizontal accordion?

For example, if I want to center it, or align it to the right? I tried doing but this does not work for me. Make the following changes and then play around with the variables, and let me know if you figure it out.

Notice the part I added for Opera. Notice the line I added for Opera. Again, please play around with the variables for Opera. Run rotation so have a background problem with Opera. Anyone know how to solve? Over IE9Beta2 run nice… surprise!! At the moment the vertical fonts do not look smooth. I try to add cufon, but it will not work properly.

I know that it works in IE8 at the moment. BUT — I got a huge problem not inflicted by your code, but my adaptions to it I think — today this site went online: Seems like a very useful plugin, I bookmarked your site. Very impressive design on your site also. I will be back to give more feedback once I find a site to install it on.

Thank you for making this plugin available to all for free and not encrypting your code. It works very well. I just need to find some content to add to it. Forgot to say that this is a fantastic plugin and am looking forward to the update.

Do the tabs have the ability to active with a mouseover instead of a click? Hi there, I noticed that your horizontal accordion is not doing what it is suppose to in the Opera browser. It looks good in Chrome, but gets completely screwed up in Opera.

I would say this is the best accordian I have come across and I look forward to using it. So your right converting it to a jQuery-Object by calling: Note that you need to do the caching again for every each -loop; just replacing would not work. Its great thanks, i have added to my personal list in http: September 30, at 9: What might be nice; is to be able to replace the numbers of the slides with icons; self-definable ones.

I have a suggestion: It could be useful if my first slide has a small text, my second just simple image and my last and third one has a long text. Been looking for something like this for some time now. Opera DOES support transforms, I guess it just needs that -o- in the beginning for now, like mozilla does want the -moz. This plugin looks really awesome. Thank you so much for all your work on creating this and sharing it with us.

Do you have a method to actually integrate this into WordPress so each slide in the slider links to a post, etc. Anyway, Easy Accordion Plugin has been released under the MIT and GPL licenses. If you develop new interesting features for Easy Accordion Plugin, please notify me so that I can include the new stuff in the next releases.

Hopefully the will add this to the next release. What I think could be interesting is to stop the accordion on hover now it only stops on click. I think I will try to add this in the next release. You should write a small js function that, when the user clicks on the link, stops the accordion, adds the active class to the respective DT and calls the plugin again.

Say I have an external navigation panel 1 panel 2 … and when I click on the panel 2 link the 2nd panel slide open? Any help is greatly appreciated! Andrea, Looks good and I am considering using it on a site that I am currently doing the mockups for. I have not looked at the code yet but thought I would check with you to see if you had ideas.

You say it si for free… but how about derivative works? Can I modify it and use it on websites I make for my clients?

It would be really nice of you to clarify this legal stuff. I shared this plugin on my tech blog: I might think of adding support for jquery. Is there any way to link from tab 1 to tab 2 by any chance?

Thank you for a great explanation and a download. Please rate this article and help us plan future posts. Do not spam for any reason. Drop here your comment Madeincima - Stunning Websites. Home About Services Portfolio Blog Contacts. Ready to kick off? Start a project with us now. Ne abbiamo parlato nei giorni scorsi sul nostro Facebook: Title slide You can put here any kind of content divs, text, images, etc. Buy us a beer! Posted on Tuesday 14 September at Can anybody help me with this.

Thanks for this script. But Uploaded version does not work ie8. Sridhar Katakam srikat says: Thanks for the plugin. I have written a article on how to implement this in WordPress. Hi Andrea, Great to have this stuff.

Thanks Kranthi Kumar Vemula. In IE9, the vertical bars are missing, or basically all white. In IE10, they are at the top of the slider and in a horizontal position. Luch Thanks so much for replying to my comment about IE Thanks a million Frank P. Hi Folks, On github. Love your accordions, and you did an amazing job with the overall presentation too. Firefox 19 for Ubuntu. Hi This plugin seems to break in IE10, up to and including IE9 it was working fine. Any planned update for this?

Hi, Fantastic tool, just a pity that it does not work in IE 9 or IE Hi, First of all, I want to thank you for such a wonderful plugin. I looked into IE I use customized version 0. I use fluid window resize calculated styles. Thank you so much for this awesome plugin! Any tips on how to create a static open on page-load rather than the accordion sliding open?

Hello i have problem, when i using jquery easing plugin, easy accordion plugin not work. Or download from github. Juanjo notes he is receiving noMoreActiveID is not defined. The complete error message is… Uncaught ReferenceError: Thank for your time!!

For example in our specific case we used: However, I am having the same problem as Gabriele in IE9. Is there a way to add bookmark to, lets say, slide 3 from another page. Lore ipsam Now add this css: Any help is greatly appreciated!! Any ideas what might cause this? Mi scusi… that previous code was incorrect.

Cheers for the plugin! I did it manually, made sense for the little project I was working on, but could easily be achieved through the jquery: I am bothered by the rotated text and would rather have real verticle text like this T H I S I found a solution at http: Perhaps you can append the plugin to use verticle text instead. Thank you very much, this is a great work!!! Any help or tips much appreciated. Hello, for the small click area on IE9, you add: Andrea, Hey I was wondering how i would put more than 4 accordions on a page?

First off, great alternative to SlideDeck. But having tested the demo page in IE6, it appears not to work correctly. Very nice work, congratulations. Goog morning I got some trouble with the IE8 and older. Maybe you allready fixed the problem. Thanks for your great work. Andrea, Never mind about my previous post. Hello Andrea, I recently purchased SlideDeck and it was a terrible mistake. The slider looks great!

This is what i was searching for. Is it possible to have the slides be initialized by the day of the week? And, how would this be done. Thanks for your help, Best regards, Chris. IE 8 have the error: Anyone know the answer to this?????????????????? Nathan, Give a unique class to all slides. Hello Luch, I greatly appreciate your help! Thanks for you help! Does this script work with jQuery 1. Ancora i miei complimenti x il tuo script. Here my patches to solve: Luch Klooster CONVENT web design and development.

That last comment has had all the code removed: For anyone wanting to open a specific pane when linking to the page the slideshow is on, the following worked fine for me: Your Link Text the HTML for the pane you want to select will be something like this: Your Pane Title then in the jquery.

I actually have four panes, so my various bits of code look like this: Your Link Text Your Link Text Your Link Text Your Link Text PANES: Let me know if it works for you guys: Rokun Uz Zaman says: HI, is there a Way Out to adapt your super cool jquery accordion to joomla 1. Reminds me of the once popular Mootools accordion menu. Got one Q though. Thanks for the effort.

Thanks and God bless, Joshua. Thanks for this great plugin! Is there a way to open the page with all panels collapsed? Hi Andrea, very nice plugin! Your site is very nice, congratulations. Can I use Easy Accordion with WordPress? Hey there, a really great plugin to have: But seems the current version on your site doenot work well with OPERA.

I Got the fix from the comments on this page and it has been found on december But yet u havent updated the plugin …. Took some hours just to fix an issue.

PPls like me also are suffering from same issue and will suffer if u dont update it soon…. U just need to change a bit line of code…. So… Just Do IT. Thank you for the plugin, i solved the problem in opera: I believe I have the latest version of Opera. How can I solve it? Any help in this would be greatly appreciated. The site in question is tattoos. I didnt see the post about the filter up top.

Hello Andrea, nice work and thx for sharing it. Can you help me with this? I am looking forward and of course i will pay for it. Did you find out how do disable a tab? How to to that? Thanks and congrats for the great work! Hi I want to ask that how i can remove the slide number from the heading of each slide. Again — many thanks. Any plans for an update to include the code changes above? Hi, thanks for your plugin is awesome. For opera browser to fix vertical position of tabs, in the css add this: Love jQuery Easy Accordion!!

Does it support dynamically adding new slides via jquery or javascript? Pausing the animation on mouseover? Paypal doesnt support my country. You have a small error in the code, meaning in IE an error occurs. Hi, Very nice work. Unfortunatelly, I was looking for the same thing but with. But very great work by the way. How to change default slide screen? Can I change this?

Just wondering how one would select a different slide to start with when the page loads? It is a great accordion! Cheers, Scott PS — I really enjoy all your blog posts on web development! Thanks a lot, Armen. Darryl de Jessu says: Very easy to implement. In the slidedeck i found this class in the CSS: Andrea, I follow you! Thank you once again! Does your API allow using external controls for opening a certain slide number? What an awesome job you did. It works great and I prefer this one over other Accordion slider.

Hi, What an excellent piece of work. Hello, the plugin ist great and everything works fine so far. Montreal Web Design says: Is there some easy way to add vertical slides within each area? Thanks and best regards from Slovenia! I added a few lines of CSS to support Opera Hi, I was wondering if someone could please help?? Did anyone have this problem?