Code

Discussion on jQuery Searchable 3 Level Accordion

Discussion on jQuery Searchable 3 Level Accordion

Cart 287 sales

createit-pl supports this item

Supported

This author's response time can be up to 1 business day.

40 comments found.

Hi, Nice script! Have a question, I’m using the ribbon CSS. I need that each ribbon be a different graphic, Example: 1st Ribbon: ribbon1.png 2nd Ribbon: ribbon2.png 3rd Ribbon: ribbon3.png

How can I do that?

Regards, Jose

Hi Jose,

You could try using custom CSS like:
.ctAccordion li a:nth-child(0) {background-image: url('ribbon2.png')}
.ctAccordion li a:nth-child(1) {background-image: url('ribbon2.png')}

If you have any problems please send me an email to support@createit.pl with a sample file you are working on.

Thanks, createIT

I interesting in your script, but is possible to incorparate in my website: http://www.sugarcastleusa.com/

Hi, yes, it should work there

cheers createIT team

Hello, I recently bought this item and it works very well! May be you could help me, my client ask me to keep the accordion menu always open (class=”expanded”, that’s ok) and to allow click on the main items. My question is: How to open a webpage when click on the first level of

  • ? I know it’s a bit weird because the accordion becomes a simple menu… but I already implemented it and it would be easier to only modify this behaviour. Kind regards, thank you
  • Hi!

    We’re just about releasing an update for accordion, which will allow you to load any content you need to any place on the site via ajax calls.

    But till then, I think it will be easiest for you to use something like:

    $(".ctAccordion a").bind("click", function() { window.location = $(this).attr("href"); return false; });

    something MORE LESS like this :)

    cheers createIT team

    Hi,

    Question, can I use this on the footer? That the “bar” where you click on, is at the end of the screen, and when it opens, the bar goes up, is that possible?

    Thanks!

    carlo,

    Hmm.. frankly we never thought of this way of using it. I doubt if it could work this way, maybe after some customization…

    Cheers createIT

    Pretty good work! I have only one issue: the “oneOpenAtTime” parameter doesn’t want to do the job.

    My code is simple and the accordion still shows only one level at a time.

    $(document).ready(function() { $("#accordion").ctAccordion(); $("#accordion").slickMenu({ oneOpenAtTime: false }); });

    Please, could you help me?

    Hi omontiel, Thanks for buying our plugin. Im a little bit confused – are we talking about accordion or slickMenu (please check your comment)?

    Could you please send me a link to your site so I could examine where the problem is?

    Thanks createIT

    Is it possible to add additional nesting levels? I currently need 5 levels.

    Also, if purchasing the WordPress version, is this stand-alone version offered in the archive as well?

    Thanks.

    Hi, Currently only 3 levels are supported. WP version contains javascript plugin too (standard and minified), but it doesn’t contain detailed plugin’s javascript documentation.

    createIT

    Hi guys! Got the accordion but don’t know how to implement what I need (a single 740 pxls wide accordion to drop down and show content on click: a Google map that changes according to countries, that’s all. No more levels in the least). Do you have an A,B,C guide for non-techies to do this? Also, is there any way to avoid putting code in the HTML header? Your feedback would be much appreciated. Thank you kindly, Daniel

    Hi Daniel,

    Here you can find and example with maps: http://accordion.createit.pl/helps/dmoore3/index.html

    You can put css/javascript inside body and it will still work as expected.

    If you still have some problems, please do not hesitate to ask

    Good luck, createIT

    solved. $(‘input’).blur();

    Hi Andy!

    Wow, that was the easiest support question in my life ;) Anyway, I’m glad you like the plugin. Should you have any more questions, just shout

    Cheers createIT team

    excellent Accordion. perfect and the search function was a big bonus. 5* Is there a code snippet you can post that on invoking the search would automatically clear the text box? 6* if it could do this :) regards AndyG.

    Hi,

    Is it possible to have two or more accordions on one page? For example accordions on different tabs? When I try to do this the second accordion is not working. Thanks!!!

    Hi Spyrooke76,

    Yes, second accordion should work on the same page. Even third and forth :) Could you please send me URL of your website, maybe I could see whats wrong there? Our email address: support@createIT.pl

    Thanks! createIT team

    It would be really helpful if you could prepare a standalone example for me. :)

    Sunnyat1, On our demo page I’ve added a link for standalone demo. Direct link is: http://accordion.createit.pl/demo/example/search.html

    If you have any other questions, please do not hesitate to ask.

    Thanks, createIT

    Thank you! :)

    BTW this is a 5 star rated item! Grats to you and hope you will get many more sales!

    Hi,

    I just purchased your product, but its missing some of the items/features you displayed on the demo page. I was looking for the search field option to search for menu items. Is there a way you could email this to me?

    Thanks

    Hi sunnyat1,

    Thanks for purchasing our plugin. Did you browse demo page source code? There is a demo3 example with custom search event so you can just copy and paste it to your project. I can prepare a standalone example if it will help you out – it’s up to you.

    Thanks, createIT

    Thanks i changed just the style sheet link before and not the accordion.. now just have to change the color? any tips :D

    Sure, all you need to do is edit stylesheet css/skins/classic.css.
    The most interesting parts are about backgrounds (ex. lines 13-22 etc.). The easiest way to edit these colors is to generate them online: http://www.colorzilla.com/gradient-editor/

    If you have other problems, please do not hesitate to write at support@createit.pl

    Thanks createIT

    i can’t find the one i wanted, the classic skin one? it’s not in any of the examples?

    Not sure if this is it but all the other skins have img folder with images? except classic?

    Hi Obfuscous_Gin, Thanks for purchasing accordion. Examples are not using classic skin but it is included in our package. In order to use classic skin, simply edit example/example.html:
    1. Change loaded skin from: <link rel="stylesheet" type="text/css" href="../css/skins/ribbon/style.css" />
    to:
    <link rel="stylesheet" type="text/css" href="../css/skins/classic/style.css" />
    2. change accordion class from:
    <ul id="accordion" class="skin-ribbon" /> to:
    <ul id="accordion" class="skin-classic" />
    That’s it! Please let me know is everything working:)

    createIT

    Hi, nice work! ;)

    Do you consider add a feature of expanding a node by id ? Sometimes we may not know the level of node, so expanding it by its id may be useful.

    As a temporarily solution i added an extra function called searchById (which is similar to search function) to my own local version. It searches id’s of a tags.

    Thank you…

    Hi erman!

    Thank for purchasing our accordion menu! Yes, we’re including this option in the next release of the plugin, which should be available within next 2 weeks.

    Are there any other functions you’d like to see in our menu?

    Thanks! createIT team

    Thanks for your response. I was a need to two other functions.

    One was “exactly match” search option, when your menu nodes like “1”,”1.1” etc, this option may be a life saver :) (like regex ‘^1.1$’)

    I don’t know if the other one is really important or not but, when searching texts like ‘(xxx)’, encoding special chars (‘(xxx)’==>’//(xxx//)’) automatically for regex may be helpful.

    Thanks again for this cool menu! ;)

    Love it! Do you have an example for search enabled Ribbon Skin?

    Can you resend? I haven’t received email. Thank you for help!

    Could you please send an email to support@createIT.pl? Seems that someone else had exactly the same question at the very same time and I confused you two :)

    Sorry and awaiting your e-mail :)

    Thanks for your help! Menu works great.

    Hello. I am experiencing issues with IE. The Menus do not drop down. Can you advise?

    Thanks>

    Hi, please contact us on support@createIT.pl attaching URL to your website as well as IE version you’re experiencing problems with. We will do our best to help you :)

    Cheers, createIT

    Awesome!! But have one question. Is it possible to expand the subcategories by just hovering the menu titles instead of make a click in them?

    Also, if this is possible can I remove the ”#” link in the menu titles and make a link?

    Hi, thanks for purchasing accordion plugin!

    1. Is it possible to expand the subcategories by just hovering the menu titles instead of make a click in them? - Yes, in plugin initialization simply use ‘event’: ‘mouseenter’ like:
    $("#accordion").ctAccordion({event: 'mouseenter'});
    

    2. can I remove the ”#” link in the menu titles and make a link? - Yes and no :) It will work when event (see above) is NOT click event – in your case with event mouseenter everything will work as expected. If you use click event, only lowest element will be clickable.

    Please let us know whether everything is working as you expected. We are open for any suggestions or feature requests.

    createIT

    Thanks a lot! Now it’s working exactly as I wanted!

    Hi,

    I have an error message with IE8 .

    Message: Array object or Arguments expected Line: 223 Character: 3 Code: 0 URI : ct.3LevelAccordion.js

    Do you have an idea?

    There was not this error with the preceding version.

    Thanks!

    Mick

    Hi,

    There is a bug in updated version. I just uploaded an update, which is pending for envato check. If you don’t want to wait please contact me on support@createIT.pl and I will send you updated version.

    Thanks and sorry for trouble, createIT

    Very interesting script! :)

    Thanks !

    Mick

    by
    by
    by
    by
    by
    by

    Tell us what you think!

    We'd like to ask you a few questions to help improve CodeCanyon.

    Sure, take me to the survey