Я нашел этот скрипт jquery в Интернете, и мне нужно его немного настроить. Что он делает, так это заставляет вертикальное меню в magento иметь эффект аккордеона. Однако он делает это только для первой категории и не позволяет вам посещать ее. Я хочу сохранить это, но также разрешить открывать более низкие категории в том же стиле, но при этом переходить на нужную страницу при нажатии. Я надеюсь, что это имело смысл!
Вот сценарий:
//
// this script was written by Ben Frain - more info at http://www.benfrain.com
//
jQuery(document).ready(function(){
jQuery('ul#vertnav > li > ul')
.click(function(e){
e.stopPropagation();
})
.hide();
//this section below prevents the first level links being followed.
jQuery('ul#vertnav > li').click(function(event) {
event.preventDefault();
});
jQuery('ul#vertnav > li, ul#vertnav > li > ul > li').click(function(){
var selfClick = jQuery(this).find('ul:first').is(':visible');
if(!selfClick) {
jQuery(this)
.parent()
.find('> li ul:visible')
.slideToggle();
}
jQuery(this)
.find('ul:first')
.stop(true, true)
.slideToggle();
});
//this section make the nereast ul section to the link show
var url = window.location.toString() // this will return http://mydomain.com/pagename.html?query=xxxxxx
// this bit adds a class to the active section for CSS
jQuery('ul#vertnav > li a').each(function(){
var myHref= jQuery(this).attr('href');
if( url.match( myHref)) {
jQuery(this).addClass('activeClassNameForCSSHighlight')
jQuery(this).closest('ul').show();
}
});
});
Спасибо за любую помощь.