Filtro

<div class="w3-dropdown-hover w3-right">
  <button class="w3-btn w3-xlarge w3-blue"># Filtro</button>
  <div class="w3-dropdown-content w3-border" style="right:0">
      
    <a href="#" onclick="openCity('London')">Links Recentes</a>
    <a href="#" onclick="openCity('Paris')">Top do Mês</a>
    <a href="#" onclick="openCity('Brasilia')">Top Geral</a>
    <a href="#" onclick="openCity('Sampa')">Top Blogs</a>
  </div>
</div>

 

 

 

Aba 1

<!-- ====================================================LONDON LINKS - MAIS RECENTES==================================== -->      
    <div id="London" class="city">
        <div id="mais">
        <div class="w3-container w3-light-grey">
        <h4>Links Recentes</h4>
        <!--Lista de links por categoria -->
        <ul class="w3-ul w3-white">

 Aba 2

<!-- ====================================================PARIS - TOP SEMANA =========================================== -->      
    <div id="Paris" class="city">
        <div id="mais">
        <div class="w3-container w3-light-grey">
        <h4>Links Recentes</h4>
        <!--Lista de links por categoria -->
        <ul class="w3-ul w3-white">

 

 

 

 

Script JavaScript

<!-- ================ SCRIPT PARA #Filtro =============== --> 
<script>
openCity("London")
function openCity(cityName) {
    var i;
    var x = document.getElementsByClassName("city");
    for (i = 0; i < x.length; i++) {
       x[i].style.display = "none";  
    }
    document.getElementById(cityName).style.display = "block";  
}
</script>      

 

    

JSN Epic template designed by JoomlaShine.com