Textpattern CMS

#1 2013-08-20 11:10:13

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

jquery accordion menu

i’m trying to get to work this accordion plugin (demo 4) but with any luck. it should be something obvious but what… my test page

any ideas?

Last edited by Gallex (2013-08-22 08:30:05)

#2 2013-08-20 12:12:16

Dragondz

Moderator

From: Algérie

Registered: 2005-06-12

Posts: 1,547

Website GitHub Twitter

Re: jquery accordion menu

thre is an error javascript:

TypeError: $.cookie is not a function
[Break On This Error]
var cookieVal = $.cookie(cookieId);

---

Conception site web Algerie | Livre Algerie | Construction Piscine Algerie

#3 2013-08-20 12:26:30

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: jquery accordion menu

and what is my options now?

#4 2013-08-20 13:36:41

colak

Admin

From: Cyprus

Registered: 2004-11-20

Posts: 9,172

Website GitHub Mastodon Twitter

Re: jquery accordion menu

Gallex wrote:

and what is my options now?

If in doubt look around:)

---

Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

#5 2013-08-20 13:58:44

Gocom

Developer Emeritus

From: Helsinki, Finland

Registered: 2006-07-14

Posts: 4,533

Website

Re: jquery accordion menu

There isn’t an actual error in the plugin’s JavaScript; you just haven’t installed its dependencies. The plugin has some dependencies, such as the jQuery.cookie plugin. I would start by reading the Getting started article.

Last edited by Gocom (2013-08-20 14:01:06)

---

Rah | GitHub

#6 2013-08-21 07:37:44

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: jquery accordion menu

it’s time to take lessons in english… thank’s jukka

#7 2013-08-21 08:36:53

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: jquery accordion menu

trying to use this hover plugin in my other project (hover main menu link ‘tooted’) too, but again, something not right :)

in the head:

<script type="text/javascript" src="<txp:site_url />js/jquery.hoverIntent.minified.js"></script>

code i’m using

$("#main-menu ul li").hoverIntent( toggleHeight );

Last edited by Gallex (2013-08-24 11:13:13)

#8 2013-08-21 08:58:15

philwareham

Core designer

From: Haslemere, Surrey, UK

Registered: 2009-06-11

Posts: 3,564

Website GitHub Mastodon

Re: jquery accordion menu

I wouldn’t bother with that hover JavaScript to be honest, it’s totally out of date. You can achieve the same result with pure CSS nowadays.

Search for ‘CSS transform’ and ‘CSS transition’ in Google and you’ll get the idea.

#9 2013-08-21 09:41:45

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: jquery accordion menu

…not working in Internet Explorer 9 and earlier versions.

ok, but how you would use css3 transition in my main menu?

#main-menu ul li ul // it's wrong, but i don't know what i should write here... {
-moz-transition: visibility ease-in-out 0.5s 0.1s; /* for Firefox 15 */
-webkit-transition: visibility ease-in-out 0.5s 0.1s; /* for Chrome and Safari */
transition: visibility ease-in-out 0.5s 0.1s;
visibility:hidden;
}

#main-menu ul li:hover {
visibility:visible;
}

?

with display property also not working…

Last edited by Gallex (2013-08-21 10:39:06)