Autor Zpráva
Martin054
Profil *
Ahoj, JS neovládam a strávil som už nad týmto jednoduchým scriptom až nezdravo priveľa času, preto sa obraciam s prosbou o pomoc práve sem - pre skúseného developera pôjde o minútovú záležitosť...

Skript funguje jednoducho:
stránka po načítaní ponúka navigáciu - odkazy, kliknutím na ktoré sa zobrazí príslušný obsah.
K tomuto funkčnému kódu by som potreboval pridať ešte možnosť, aby po kliknutí na a s class .active došlo k odobratiu tejto triedy a skrytiu príslušného obsahu.

 $(document).ready(function() {
     $(".content").hide(); //Hide all content
    $("#navigation a").click(function() {     //On Click Event
        $("#navigation a").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected link
        $(".content").hide(); //Hide all content
        var activeContent = $(this).attr("href"); //Find the rel attribute value to identify the activelink + content
        $(activeContent).show(); //Show active content
    });
    });



Pri mojich pokusoch sa mi síce tohto efektu podarilo dosiahnuť, no skript fungoval jednorazovo a na opakované kliknutie už nereagoval a obsah po zakrytí zostal natrvalo neviditeľný, rovnako ako a bez chcenej class...

Vopred ďakujem za pomoc :)
Martin054
Profil *
Tak som to zvládol aj sám

$(document).ready(function() {
        
$(".content").hide(); //Hide all content
$("#navigation a").click(function() {     //On Click Event
if ($(this).hasClass("active"))
{
    $("#navigation a").removeClass("active"); //Remove any "active" class
    $(".content").hide(); //Hide all content
    }
else
{ 
$("#navigation a").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected link
        $(".content").hide(); //Hide all content
        var activeContent = $(this).attr("href"); //Find the rel attribute value to identify the activelink + content
        $(activeContent).show(); //Show active content
    }        
    });
    });

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: