Bootstrap side menu navigation issue

Question

У меня есть всего 5 страниц для моего сайта. В этом случае на двух основных страницах есть подменю/страницы.

Я использую + и - значки для пользователей, чтобы узнать, что на веб-сайте есть подменю.

Когда я нажимаю на подменю li, он переключает + и - значок. Однако, когда я нажимаю кнопку + и снова нажимаю вторую кнопку +, предыдущее подменю закрывается, но значок не меняется с - на +.

Jquery: структура страницы

if (li.hasClass("open") && li.children("ul:visible").size()) { 
     li.children("ul").slideUp().parent('li').removeClass("open"); 
     li.children("ul").slideUp().parent('li').children("a").children("span").removeClass("open") ;  
    } else { 
     li.children("ul").slideDown().parent('li').addClass("open"); 
     li.children("ul").slideDown().parent('li').children("a").children("span").addClass("open"); 
} 

HTML:

1. дом
2. о
3. услуги 3,1 обслуживание 1 3,2 Сервис 2
4. Работы 4.1. Works1 4.2. работает 2
5. Контакт

Я использую самозагрузки 3. Глядя на боковом меню аналогично http://startbootstrap.com/template-overviews/sb-admin-2/

Answer 1

Я сделал свою работу, контролируя в самой CSS.