jQuery Accordion Menu V1: Make all top-level links clickable

jQuery based Accordion Menu with many themes.
Post Reply
norman
Site Admin
Posts: 1248
Joined: Sat Feb 07, 2004 9:55 pm

jQuery Accordion Menu V1: Make all top-level links clickable

Post by norman »

For jQuery Accordion Menu V1.
Go to Design /Library / Layouts / AccordionJQ / Accordion Setup.

To make all top-level links clickable:

Look for the lines:

Code: Select all

		$('#dpacmn').accordion({	// enable top-level accordion
			header:'h3',active:false,collapsible:<actinic:variable name="AccordionCollapsible" encoding="perl" selectable="false" />,heightStyle:'content',icons:{'header':'<actinic:variable name="AccordionTopIconUnopened" encoding="perl" selectable="false" />','activeHeader':'<actinic:variable name="AccordionTopIconOpened" encoding="perl" selectable="false" />'}<actinic:block if="%3cactinic%3avariable%20name%3d%22AccordionAnimateSpeed%22%20%2f%3e%20%21%3d%20%22%22">,animate:<actinic:variable name="AccordionAnimateSpeed" encoding="perl" selectable="false" /></actinic:block>,
			beforeActivate: function( event, ui ) {$( ".dpsubmenu" ).accordion({active: false});} // disable other sub panels
			});
Immediately below them add:

Code: Select all

		$("#dpacmn h3 a").click(function() {
			window.location = $(this).attr('href');
			return false;
		});	
To make all second-level links clickable:
Look for the lines:

Code: Select all

		$('.dpacsm').accordion({	// enable sub-level accordion
			header: 'h4',active: false,collapsible:<actinic:variable name="AccordionCollapsible" encoding="perl" selectable="false" />,heightStyle:'content',icons:{'header':'<actinic:variable name="AccordionSubIconUnopened" encoding="perl" selectable="false" />','activeHeader':'<actinic:variable name="AccordionSubIconOpened" encoding="perl" selectable="false" />'}<actinic:block if="%3cactinic%3avariable%20name%3d%22AccordionAnimateSpeed%22%20%2f%3e%20%21%3d%20%22%22">,animate:<actinic:variable name="AccordionAnimateSpeed" encoding="perl" selectable="false" /></actinic:block>
			});
Immediately below them add:

Code: Select all

		$(".dpacsm h4 a").click(function() {
			window.location = $(this).attr('href');
			return false;
		});
Norman
Post Reply