Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
| js:choca_menu [2024/10/29 11:38] – avillepreux | js:choca_menu [2024/10/30 12:01] (Version actuelle) – avillepreux | ||
|---|---|---|---|
| Ligne 75: | Ligne 75: | ||
| cursor: pointer; | cursor: pointer; | ||
| } | } | ||
| - | .wrap_nav.wrap_choca > * > *.collapsed:before { | + | .wrap_nav.wrap_choca > * > * { |
| + | transition: | ||
| + | } | ||
| + | .wrap_nav.wrap_choca > * > *: | ||
| content: " | content: " | ||
| } | } | ||
| - | .wrap_nav.wrap_choca > * > *.collapsed | + | .wrap_nav.wrap_choca > * > *: |
| height: 2.0em; | height: 2.0em; | ||
| overflow: hidden; | overflow: hidden; | ||
| Ligne 84: | Ligne 87: | ||
| .wrap_nav.wrap_choca > .wrap_column > p, | .wrap_nav.wrap_choca > .wrap_column > p, | ||
| - | .wrap_nav.wrap_choca > * | + | .wrap_nav.wrap_choca > * > p: |
| { | { | ||
| display: none; | display: none; | ||
| Ligne 98: | Ligne 101: | ||
| } | } | ||
| - | .dokuwiki .wrap_choca | + | .dokuwiki .wrap_choca |
| + | height: auto; | ||
| + | overflow: | ||
| + | transition: all .1s; | ||
| + | } | ||
| + | .dokuwiki .wrap_choca ul ul: | ||
| height: 0; | height: 0; | ||
| - | | + | /*line-height: |
| / | / | ||
| } | } | ||
| - | .dokuwiki .wrap_choca | + | .dokuwiki .wrap_choca |
| - | max-height: 0; | + | /*max-height: 0;*/ |
| - | line-height: | + | /*line-height: |
| } | } | ||
| Ligne 518: | Ligne 526: | ||
| | | ||
| var menu_id = 0; | var menu_id = 0; | ||
| - | + | | |
| - | document.querySelectorAll(" | + | |
| - | + | ||
| - | / | + | |
| - | + | ||
| - | link.addEventListener(" | + | |
| - | + | ||
| - | console.log(" | + | |
| - | event.stopPropagation(); | + | |
| - | return false; | + | |
| - | }); | + | |
| - | }); | + | |
| - | | + | |
| jQuery(" | jQuery(" | ||
| | | ||
| ++menu_id; | ++menu_id; | ||
| | | ||
| - | / | ||
| - | jQuery(this).find(" | ||
| - | | ||
| - | / | ||
| - | event.stopPropagation(); | ||
| - | return false; | ||
| - | }); | ||
| - | |||
| if (use_cookies_menu) { | if (use_cookies_menu) { | ||
| Ligne 550: | Ligne 538: | ||
| var hidden = at(menu_click_coockie, | var hidden = at(menu_click_coockie, | ||
| | | ||
| - | if (hidden) { | + | if (!hidden) { |
| - | jQuery(this).addClass(" | + | jQuery(this).attr(' |
| } | } | ||
| } | } | ||
| - | jQuery(this).find(" | + | jQuery(this).find(" |
| | | ||
| - | | + | |
| - | | + | if (!!jQuery(this).parent().attr(" |
| + | jQuery(this).parent().removeAttr(" | ||
| + | else | ||
| + | jQuery(this).parent().attr("open", true); | ||
| | | ||
| if (use_cookies_menu) { | if (use_cookies_menu) { | ||
| - | var hidden = jQuery(this).parent().hasClass("collapsed"); | + | var hidden = !jQuery(this).parent().attr("open"); |
| var id = jQuery(this).parent().attr(" | var id = jQuery(this).parent().attr(" | ||
| Ligne 584: | Ligne 575: | ||
| | | ||
| jQuery(" | jQuery(" | ||
| - | jQuery(this).toggleClass("collapsed"); | + | |
| - | jQuery(" | + | if (!!jQuery(this).attr("open" |
| + | jQuery(this).removeAttr(" | ||
| + | else | ||
| + | jQuery(this).attr(" | ||
| + | | ||
| + | jQuery(" | ||
| }); | }); | ||
| | | ||
| Ligne 612: | Ligne 608: | ||
| var hidden = !at(submenu_click_coockie, | var hidden = !at(submenu_click_coockie, | ||
| | | ||
| - | if (hidden) { | + | if (!hidden) { |
| - | l2_submenu.addClass("submenu-hidden"); | + | l2_submenu.attr("open", true); |
| } | } | ||
| Ligne 619: | Ligne 615: | ||
| var id = jQuery(e.target).attr(" | var id = jQuery(e.target).attr(" | ||
| - | | + | /*jQuery(' |
| + | if (!!jQuery(' | ||
| + | jQuery(' | ||
| + | else | ||
| + | jQuery(' | ||
| - | | + | /*var hidden = jQuery(' |
| + | var hidden = !jQuery(' | ||
| var submenu_click_coockie = cookie_get(' | var submenu_click_coockie = cookie_get(' | ||