| Autor | Zpráva | ||
|---|---|---|---|
| Martin054 Profil * |
#1 · Zasláno: 1. 9. 2012, 19:50:10
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 * |
#2 · Zasláno: 2. 9. 2012, 14:51:52
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
}
});
}); |
||
|
Časová prodleva: 12 let
|
|||
0