Nascondere div di default

  • Creatore Discussione Creatore Discussione Cosina
  • Data di inizio Data di inizio

Cosina

Utente Attivo
27 Dic 2016
101
0
16
Ciao a tutti. Ho una pagina con dei div (.results) che contengono dei paragrafi. Questo script mi permette di visualizzare o nascondere gli elementi a seconda delle scelte fatte con i checkbox. Attualmente, aprendo la pagina, tutti gli elementi sono visibili. Spuntando i checkbox, il filtro nasconde gli elementi non relativi alle scelte e mostra quelli relativi alle scelte. Vorrei, invece, che, aprendo la pagina, tutto risultasse invisibile e apparissero gli elementi solo spuntando i checkbox, è possibile? Grazie per l'aiuto

JavaScript:
$(function(){
  $('div.tags').delegate('input[type=checkbox]', 'change', function()
  {
      var $lis = $('.results > p'),
          $checked = $('input:checked');

      if ($checked.length)
      {
          var selector = $checked.map(function ()
          {
              return '.' + $(this).attr('rel');
          }).get().join('');

          $lis.hide().filter(selector).show().addClass("show");     
      }
      else
      {
          $lis.show().removeClass("show");
      }
  });
  })
 
Ciao, riusciresti a condividermi la pagina html e css in modo da fare qualche prova?

Cosi non riesco ad aiutarti mi spiace
 

Discussioni simili