javascript - アクティブになったらリンク先を変更する

Question

何を探しているのかわかりませんが、リンク先だけでなくアクティブになったときにリンクの名前を変更する方法があるかどうか疑問に思っていました。一種のトグル。

以下はモックアップです。

表示されるボタンは 1 つだけです。

Answer 1

URL に基づいて、リンク テキストと href を変更できます。

var a = document.getElementById('linkId');
if(location.href == abouturl){
 a.href = blogurl;
 a.innerHTML = 'BLOG'
}
else{
   a.href = abouturl;
   a.innerHTML= 'ABOUT';
}

Answer 2

jQueryを使用します。

var linkObj = $("#linkId");
if(location.href == aboutUrl){
  linkObj.attr("href", blogurl).html("BLOG");
}
else{
  linkObj.attr("href", abouturl).html("ABOUT");
}

Answer 3

私はCSSでこれを解決することができました

.collection-506d943d84aead5098d63cc2 
#main-navigation 
.blog-collection {
  display:none;
}

.collection-506daf5a84aead5098d68b94 
#main-navigation 
.page-collection {
  display: none;
}