This item is by an Elite Author
GeertDD
- Author was Featured
- Belgium
- Bought between 10 and 49 items
- Elite Author
- Exclusive Author
- Has been a member for 4-5 years
- Item was Featured
- Referred between 200 and 499 users
- Sold between 50 000 and 100 000 dollars
1,447
Purchases
Buyer Rating:
4.29 stars
4.29 average based on 141 ratings.
-
5 Star
8660%
-
4 Star
2819%
-
3 Star
149%
-
2 Star
85%
-
1 Star
53%
| Created | 5 May 10 |
| Last Update | 21 February 12 |
| Compatible Browsers | IE7, IE8, IE9, Firefox, Safari, Opera, Chrome |
| Software Version | jQuery |
| High Resolution | No |
| Files Included | JavaScript JS, HTML, CSS, Layered PSD |
© All Rights Reserved GeertDD -
Contact Envato Support


I am looking forward to buy this plugin. However, I have 1 concern. Instead of folding headline on the left, I want them to be listed evenly as in here http://codecanyon.net/item/unleash-jquery-accordion-slider/full_screen_preview/1851823
Is it possible to that?
I will buy it after being sure about this.
Sorry, that’s not a built-in feature.
Hi there,
is it possible to change the image of the handles when you open/click on a slide? I created my own handles.png and it works great. Then I created a second handle image (handles2.png) with a different color and text. This handles2.png should be active when I open a specific slide. I tried something like:
#accordion1 .slide2 .slide_opened .slide_handle { background:url(images/handles2.png);background-position:-31px 0; }That doesn’t work. Is it possible to change the current (active) handle image with it’s specific background-position?
Cheers, Johan
P.S. Great plugin by the way.
You’re almost there, Johan. Remember that the class “slide_opened” is attached to the slide itself, so you need to slightly change your selector (no space between it):
#accordion1 .slide2.slide_opened .slide_handle { }Hi, thanks! I solved it using:
#accordion1 .slide_opened .slide_handle { background:url(images/mc_handles2.png); }So I do not have to define the handles2.png for each slide.
Hi, I tried to purhcase the Accordionza, when I clicked on purchase with Paypal it took me to a broken link. I tried on both IE & Firefox.
Sorry to hear about that, Jake. Could you contact Envato support about this problem? Thanks.
Do you have any plans to support responsive designs? I have made some changes to the css so that the overall accordion width uses a percentage, which seems to work OK, but you must refresh the page so that .slide1 .slide2 .slide3 and .slide4 adjust to the new width.
Yeah the calculated offsets for the slides are only generated upon initialization, that’s why the refresh is needed. I don’t really have plans for a responsive version at the moment, but it definitely is a good idea.
Hi, how can I make to when it open another slide than the first one. There was a code on jquery.accordionza.min and other on jquery.accordionza, that said starslide, but i changed then, and neither worked
Make sure you are using the latest version. In Accordionza 1.1 a new option called “startSlide” was added.
I am. I changed this option but nothing happened
Hi, I’m also having this problem: http://vkiss.com.br/kubo3/index.html I inserted a flash content on the first slider, and now things are with a strange delay.
Please get back asap
It seems to work, but very slowly. Not sure I’ve got a quick fix for that. The flash part seems to be causing problems. Couldn’t you change that flash-based slideshow to just an HTML-based slideshow. It’s just some fading images after all.
I had an HTML-based slideshow, an PHP-based slideshow and I even created a video on vimeo with just these images. None of them worked, they all responded like this flash object (seriously)
In the code I see you are loading the jQuery easing plugin twice. That won’t speed up things, on the contrary. Maybe it helps to fix that. Not sure what else might be the problem.
Changed that, but didn’t help (Also, haven’t uploaded the files to my server, but offline it stills slow)
Hi there,
I use the following code to switch the handles image when a slides opens. That works perfect:
#accordion1 .slide_opened .slide_handle { background:url(images/handles_active.png); }Of course, the image switches directly when I click on a slide. But is it possible to switch the handles image later (and not directly after the click on the slide) when the opening procedure of the slide is finished (The image should be switched when the slide is fully opened)?
Cheers, Johan
Hi again,
please forget my last question. I would like to execute some code when a slide is fully opened (animation completed). So, is it possible to trigger an event at that moment the slide animation stops?
Cheers, Johan
Could you try the
onSlideOpencallback? If it fires too early, you could set a timeout in there based on theslideSpeed. Another option would be to customize the script code itself and add a callback in there for when the opening animation is done.Thanks! I tried the option using a timeout, it works perfect.
Hi,
when I open my page with the implemented accordion for the first time, Accordionza initialize and all sliders run to the right side (the start slide is 1). Is it possible to prevent this (all sliders slide to the right side of the accordion)?
Cheers, Johan
That will require you to change how the script initializes itself. This behavior is not configurable via some option.
Hello,
I have two questions: 1. When the animation starts and I’m not interfering it, in the fourth side with a embed movie I click the play button and movie start but the animation continues to the next slide. It needs to stop when the movie is played. 2. When the animation starts and I interfering it and jump to the fourth side with a embed movie I click the play button and movie start but when I click on another slide the movie continues and the new slide is open. It needs to stop the movie automatically when I click on another slide.
Thanks in advance, Natanel.
Sorry, but I don’t think this is even possible without modifying the script. The
startAutoPlayandstopAutoPlayare private functions.Can I use this on my wordpress site??
Yes.
If so, how can i do it??
It’s not a plugin. You need to edit your theme and include the required js and css files, just as you’d do on a regular HTML page. Basic HTML and CSS skills are recommended.
Can u give me any links to guides or tutorials, i’m completely new to creating websites, any help would be highly appreciated. thx
Well, there’s a lot to learn. Start with HTML, then have a look at CSS.
https://developer.mozilla.org/en-US/docs/HTML https://developer.mozilla.org/en-US/docs/CSSAlso: http://learnlayout.com/
Thx mate
any way this can be responsive? or is that in the works?
No, and not in the works for now, sorry.
I’ve been testing this file (great work by the way), but it is running the easing javascript from here: http://gsgd.co.uk/sandbox/jquery/easing/
You will notice that it is loading EXTREMELY slowly from here. I googled it as well, hoping to download the .js file and host it locally. I found a version of the easing on google code, but it is not the correct version and it is doing funky things (though it is loading flawlessly). If you can please send me the .js file if you have it. If not, we will have to contact codecanyon support I believe.
Thanks!
Right, it is better to host that file on your own server too. If you visit http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js just go to “File > Save as” in your browser to save it locally. Hope that helps.
I am having problems with this plugin. I was working amazingly fine last week, but then by Friday it just stopped working and the Javascript seems to be seriously down. Even the ones I didn’t edit (the ones I download from you) also stopped working. Please visit my site and check what I am talking about: http://global.touricoholidays.com/ad-opportunities/
Thanks
Hm, could it have been a problem with the easing plugin? In any case, you should be hosting that file yourself, but as far as I can see in your code that is exactly what you are doing. Fine.
With your script why the hell as “Please stop hotlinking my easing script — use a real CDN instead. Many thanks” appeared in huge yellow letters over my clients website?
You should host that easing plugin file on your own server too. If you visit http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js just go to “File > Save as” in your browser to save it locally. Hope that helps.
I know to do that but it’s a bit much to display a big fat yellow and black warning across my clients website. I have many sites and don’t know how long it’s been there and how many of their customers have seen it. If hotlinking the script was that much of an issue include it with the download. Or, if you chose to hotlink it yourself in your files don’t penalise us for what you have put together.
Yeah, sorry about all that. I don’t know when this yellow message started popping up. It is something created recently by the author of the easing plugin, though.
Ah I see, you couldn’t really see that coming, can’t account for everything! Great accordion though, thanks for getting back
I’m sorry but I do not understand the sentence vrailent: “Please stop hotlinking easing my script – use a real CDN INSTEAD Many thanks.”. I have to go on and http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js Register the file locally. Ok, but what file you replace it in the following script: <script type=”text/javascript” src=”//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”> </ script> <script type=”text/javascript” src=”//gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js”> </ script> <script type=”text/javascript” src=”../script/jquery.accordionza.min.js”> </ script> <script type=”text/javascript” src=”script.js”> </ script>
Where it says
src="//gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"in the code, you need to replace with your local path, something like this if you put the easing file in the same directory as accordionza:src="../script/jquery.easing.1.3.js".Ok, my head is <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”> <head>
</head> I have download and registrer http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js and put it in the website, in the same path, with jquery.accordionza.min.js and script.js.
But i still have the black line ““Please stop hotlinking easing my script – use a real CDN INSTEAD Many thanks.” What’s wrong ? If you want, i can give you the website URL in private.
Sure that nowhere in your <head> you link to the gsgd.co.uk domain anymore? Also, did you clear your browser’s cache? If that doesn’t help, feel free to mail me the link to your site. Thanks!
Hi. I have to implement a specific logic onSlideOpen, including changing of active slide handler background color. But on slideClose i need to revert changes (set back default css class) and here’s my problem: is there any way to do that via onSlideClose section? if i reffer to .slide_opened in it, i get new active slide handler, not one that’ve been just closed. example: $(’#accordion1’).accordionza({ slideDelay: 4000, onSlideOpen: function(){ $(”.slide_opened div.slide_handle”).removeClass(“odd”).removeClass(“even”).addClass(“slide_active”); } , onSlideClose: function(){ $(”.slide_opened div.slide_handle”).removeClass(“slide_active”).addClass($(this).attr(“class_start”)); } });
I think you’re overcomplicating things. Changing the appearance of the active slide handler can be done purely via CSS. Just inspect the classes:
.slide_opened .slide_handle { }yep, you’re right, my bad. In fact, i also need to change slide_content appearance, but, anyway, both problems are solved already, thank you.
One more question: is there any way to close ALL slides? i need em to be closed as page loads and open by click later.
Nope, sorry. One slide is opened, keeping the width the same at all time.
Well, that’s too bad, because i’ve constructed whole UI on accordionza, and now i have too create some twisted hack to achieve “all closed” state. Probably i could’ve add one additional slide with specific css (1px width + transparent) and open it when needed..