Nascondere tutti gli elementi con lo stesso nome classe?

Question

Sto cercando di nascondere elementi con lo stesso nome di classe (float_form), ma sto anche cercando di usare lo script qui sotto per mostrarli (tutte le div di classe float_form sono inizialmente nascoste). Ho esaminato molte soluzioni jquery, ma non riesco a far funzionare nessuno di loro per questo.

function show(a) { 
    var e = document.getElementById(a); 
    if (!e) 
     return true; 

    if (e.style.display == "none") { 
     e.style.display = "block" 
    } else { 
     e.style.display = "none" 
    } 
    return true; 
} 
​ 

Edit: Scusate se non fosse chiaro, io non intendo utilizzare jQuery (e so che questo non è jquery). Sto cercando un modo per usare javascript per riconoscere nomi di classi ripetute che non sono in stile = display: none; senza compromettere l'elemento ID mostra/nascondi poiché esiste un ciclo con l'ID div come chiave. L'html per il div è simile al seguente, con {item.ID} come un ciclo while.

<div class="float_form" id="{item.ID}" style="display: none;"> 

Answer 1

vanilla javascript

function toggle(className, displayState){ 
    var elements = document.getElementsByClassName(className) 

    for (var i = 0; i < elements.length; i++){ 
     elements[i].style.display = displayState; 
    } 
} 

toggle('float_form', 'block'); // Shows 
toggle('float_form', 'none'); // hides 

jQuery:

$('.float_form').show(); // Shows 
$('.float_form').hide(); // hides 

Answer 2

Prova:

function showClass(a){ 
var e = []; 
var e = getElementsByClassName(a); 
for(i in e){ 
    if(!e[i])return true; 

    if(e[i].style.display=="none"){ 
     e[i].style.display="block" 
    } else { 
     e[i].style.display="none" 
    } 
} 
return true; 
} 

demo: showClass("float_form");

Answer 3

Se stai cercando in jQuery, allora è bene sapere che è possibile utilizzare un selettore di classe all'interno dei parametri di $ e chiama il metodo .hide().

$('.myClass').hide(); // all elements with the class myClass will hide. 

Ma se si tratta di uno snodo che stai cercando, utilizzare .toggle();

Ma qui è il mio prendere su una buona ginocchiera senza utilizzando jQuery:

function toggle(selector) { 
    var nodes = document.querySelectorAll(selector), 
     node, 
     styleProperty = function(a, b) { 
     return window.getComputedStyle ? window.getComputedStyle(a).getPropertyValue(b) : a.currentStyle[b]; 
     }; 

    [].forEach.call(nodes, function(a, b) { 
    node = a; 

    node.style.display = styleProperty(node, 'display') === 'block' ? 'none' : 'block'; 
    }); 

} 

toggle('.myClass'); 

demo qui (clicca " Render "to run: http://jsbin.com/ofusad/2/edit#javascript,html