Активен див за всяка страница

DobriMcConnor

Registered
Здравейте,

Имам следното меню
H8t91fN.png


Както виждате горе имам един бордер, та когато съм на съответната страница трябва да има такъв ефект, какъвто има първия линк. Но проблема е, че инклудвам един header за всяка страница. Пробвах със селектори, но май няма такъв. :D
 
Във CSS си направи един клас active където си задай какво да се стилизира
после на всяка страница на поредния елемент ще му дадеш тоя клас
 
Точно това е проблема, че инклудвам един хеадър за всяка страница и няма как да задам. Може да се направи с php, но ще стане доста тромаво, затова търся алтернатива.
 
Код:
var selector = '.nav li';

$(selector).on('click', function(){
    $(selector).removeClass('active');
    $(this).addClass('active');
});

Малко ще трябва да си го настройш според твойте нужди :idea: :idea:
 
Без jQuery, без JavaScript, само чист css:
http://css-tricks.com/including-navigation-code-on-all-pages-even-with-current-navigation-highlighting/
 

Back
Горе