Nascondere div di default

Cosina

Utente Attivo
27 Dic 2016
100
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");
      }
  });
  })
 

bubino8

Utente Attivo
28 Apr 2017
360
20
28
29
BZ
Ciao, riusciresti a condividermi la pagina html e css in modo da fare qualche prova?

Cosi non riesco ad aiutarti mi spiace
 
Discussioni simili
Autore Titolo Forum Risposte Data
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
A Javascript Nascondere Div con id numerico dinamico Javascript 18
S [javascript] visualizzare/nascondere div Javascript 3
C Nascondere un div al click di una casella Ajax 1
S [Javascript] Nascondere e rendere visibile un Div cliccando su due link Javascript 2
Marcello.Fiore Nascondere div con jQuery jQuery 7
P nascondere div con css inline Javascript 2
3 iframe e nascondere un div caricato HTML e CSS 5
asevenx rendere visibili e nascondere DIV con onlink Javascript 12
S Nascondere un div Ajax 1
M Come nascondere la finestra di dialogo di conferma? HTML e CSS 1
Shyson Nascondere tag title HTML e CSS 2
L Mysql: Nascondere le pagine dopo una ricerca PHP 1
Alex_70 Nascondere label tab se campo vuoto PHP 2
Shyson [PHP] Nascondere codice PHP 3
Shyson [WordPress] Nascondere email agli spider WordPress 3
Shyson [WordPress] Nascondere link del Login WordPress 2
Shyson [Javascript] Nascondere avviso se utente può registrarsi Javascript 0
jonnino2004 nascondere le proprie visite Google Analytics 1
B APACHE-NASCONDERE DIRECTORY DALL'URL Web Server 0
andrew1975 [Joomla] nascondere lo slider Joomla 1
F Nascondere menù onclick sottovoce jQuery 0
Shyson Nascondere codice quando si linka Javascript 10
M Nascondere Video e censurare src in tag <iframe> Quale linguaggio consigliate? Discussioni Varie 0
N Nascondere menu onclick su ancora Javascript 2
V Nascondere prodotti non disponibili in prestashop CMS (Content Management System) 2
L Modo per nascondere una parte variabile di una stringa PHP 0
Licantropo Come nascondere i propri dati su Whois? Hosting 0
L nascondere tastiera ios8 Sviluppo app per iOS 0
G Nascondere cartella con .htaccess PHP 0
N Aiuto con html nascondere i media HTML e CSS 4
N Nascondere cartella sito al pubblico PHP 0
F Nascondere option value Javascript 2
D mostrare nascondere sottomenu Javascript 1
M nascondere la colonna di una tabella in base ad una condizione PHP 8
L funzione per nascondere username PHP 5
M Nascondere url pagina PHP 3
L Nascondere .htaccess dalla visualizzazione dei file visti da script PHP 5
M Nascondere o Offuscare codice Javascript e Jquey jQuery 2
F Aiuto script per nascondere banner per 24 ore all utente. PHP 7
T nascondere percorso di file da scaricare PHP 3
anton Nascondere indirizzo email agli spambot in un form php PHP 21
S Nascondere nome pagina web dalla barra degli indirizzi HTML e CSS 2
K Nascondere i css3 ai vecchi broswer usando @media HTML e CSS 0
F Nascondere una nuova finestra Javascript 1
L Nascondere l'amministratore del sito PHP 9
Vale2 Nascondere un indirizzo email agli spambot Snippet Javascript 0
Athene Come nascondere i dati della checkbox in php PHP 2
U nascondere riga di tabella se valore campo =... Javascript 4
S tag per nascondere testo in wordpress WordPress 4

Discussioni simili