Reply To: show map not working

@ Joshua

Ok, I see that all the required script are now present, so that good. Now I see the issue.

You know that little green float that highlights the current page that moves when you hover over another page. That is done by javascript. There’s an error in the javascript, right here:

$magicLine
	.width(jQuery(".current-menu-item, .current-menu-parent, .current_page_parent").width())
	.css("left", jQuery(".current-menu-item, .current-menu-parent, .current_page_parent").position().left+30)
	jQuery("#magic-line").fadeIn('slow')
	.data("origLeft", $magicLine.position().left)
	.data("origWidth", $magicLine.width());

It should be checking for the existence of .current-menu-item, .current-menu-parent, .current_page_parent before trying to manipulate those classes with javascript.

When you on any of the subpages in the directory, those classes do not exist and so the javascript is failing which in turn is preventing other javascript from running, including Connections.

I think if you change it to the following, that will fix it:

$("li.menu-item").hasClass("current-menu-item") {
	$magicLine
		.width(jQuery(".current-menu-item, .current-menu-parent, .current_page_parent").width())
		.css("left", jQuery(".current-menu-item, .current-menu-parent, .current_page_parent").position().left+30)
		jQuery("#magic-line").fadeIn('slow')
		.data("origLeft", $magicLine.position().left)
		.data("origWidth", $magicLine.width());
};