Я хочу, чтобы на мою существующую страницу были добавлены следующие условия. Кстати, в настоящее время все работает нормально, и его можно увидеть здесь вживую по адресу: http://www.ceramictilepro.com/Ceramic-Tile-And-Grout-Tips.php
1) При нажатии на ссылку выше на странице появится вертикальное меню/подменю, в котором будет видно только меню (в настоящее время все меню/подменю развернуты).
2) При нажатии на выбранное меню подменю расширяется и становится видимым (в настоящее время работает, поэтому здесь нет изменений)
3) При нажатии на подменю открывается новая страница. (в настоящее время это тоже работает)
4) здесь мне нужна помощь, я бы хотел, чтобы новая страница закрывала все остальные меню, кроме меню, в котором было нажато выбранное подменю.
примечание: выбранные ссылки выделены красным фоном для удобства навигации. (это остается прежним, здесь никаких изменений не требуется)
Вот скрипка
Вот текущий рабочий jQuery
$.each([1, 2, 3, 4, 5], function (index) {
$(".toggle" + index).click(function () {
$(".submenu" + index).slideToggle("fast", function () {
// Animation complete.
});
});
});
$(function () {
$('a').each(function () {
if ($(this).prop('href') == window.location.href) {
$(this).addClass('_current_highlight_button');
}
});
});
$(function () {
var split = window.location.pathname.split('/');
var mnurl = split[split.length - 1];
mnurl = '#';
$(' a[href="' + mnurl + '"]').addClass("_current_highlight_button");
}); // mnurl='.php goes here';
спасибо за любые предложения :)