jquery - If item has class change css of another -

-

so have unordered list menu. have setup whenever click menu item, menu item gets class "active" added it, , other list item class has removed. part works fine. now, have arrow absolute position , want change "top" style depending on class has "active" class. checking when site loads, won't change placement when list item gets "active" class. note: ".active-item" arrow.

$(document).ready(function() {      $('.nav .nav-items li').click(function () {         $('.nav .nav-items li').removeclass('active');         $(this).addclass('active');     });  });  if ($('.nav .nav-items .nav-dash').hasclass('active')) {     $('.nav .nav-items .active-item').css('top', '30px'); };  if ($('.nav .nav-items .nav-sales').hasclass('active')) {     $('.nav .nav-items .active-item').css('top', '90px'); }; etc...

you must place arrow positioning code in click() handler menu item click event if want position changed on clicks , not on page load.


Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more