Блог

У меня есть список тегов в одном разделе моей веб-страницы, и статья находится в середине. Я хочу иметь возможность щелкнуть по тегу, и связанные статьи появятся в средней части, а другие, которые не связаны, исчезнут.

Например, если кто-то нажмет на ссылку под названием «skateboarding», все статьи с именем привязки «skateboarding» появятся, а остальные исчезнут. Но пусть это работает с любым тегом, который я создам в будущем. Надеюсь, это имеет смысл. Вот страница:http://idunlap.com/social-media-template/index.html

Предполагая, что ваши имена классов anchors являются articles , вы можете просто создать функцию javascript, которая зацикливает trought article для отображения соответствующих якорей и скрытия других. это может быть похоже на это.

        //First map you articles in an array
   var nodes = [].map.call(document.getElementsByClassName("articles"), function(x){return x;});
  //Create function now.
  function filterArticles(x){
for(var i = 0; i < x.length; i  ){
   if(x[i].style.display = "inline" || !x[i].style.display) x[i].style.display = "none"; else x[i].style.display = "inline";
   }

 //Set click handler t all articles.
nodes.forEach(function(x){x.onclick = function(art){ filterArticles(nodes)};
  

Однако, как сказал @Jaromanda, вы должны стать лучше в javascript, это наименьшее.