[js] chowanie divóv o określonej klasie. Opcje

[kazag]

Mam problem, otóż mam taki kod, odpowiadający za pojawianie się i chowanie diva po kliknięciu odnośnika (przerobiony skrypt):

Kod

function toggleDivOL( elemID )
{
    var elem = document.getElementById( elemID );
    if( elem.style.display != 'block' )
    {
        elem.style.display = 'block';
    }
    else
    {
        elem.style.display = 'none';
        
    }
}

Kod w odnośniku:

Kod

<a href="javascript:toggleDivOL('news');" title="Kliknij, żeby rozwinąć newsa."></a>

Chciałbym jednak, aby najpierw funkcja ta zwinęła wszystkie dotychczas rozwinięte divy, posiadające określoną klasę, np. "klasa", a dopiero później rozwinęła diva, do którego odnosi się link.

[ShadowD]

Jak masz diva np:

[HTML] pobierz, plaintext 
<div id='news'>
treść
</div>
[HTML] pobierz, plaintext 

to zamieniasz go na:

[HTML] pobierz, plaintext 
<div id='news' style='display:none;'>
treść
</div>
[HTML] pobierz, plaintext 

Możesz jeszcze nadać zamiast id to jakąś klasę i wszystkim elementom dać na raz none - Koniec...

[kazag]

Wiem, że muszę nadać wszystkim none, tylko nie wiem, jak to zapisać w js, żeby każdy element o klasie "klasa" dostał display:none, a nie jeden konkretny.

[nospor]

uzyj jakiegos liba, np. jQuery. Wowczas kod jest banalny:

Kod

jQuery('.klasa').hide();

[kazag]

Właśnie o taką odpowiedz mi chodziło, dziękuje

Btw. Można mieszać kod JQuery ze zwykłym JS w jednej funkcji?

[nospor]

mozna

[decha-design]

można nawet mieszać z innymi bibliotekami ... np. z Prototype

[kazag]

Dziękuje, temat do zamknięcia