Hirdetés

Keresés

Új hozzászólás Aktív témák

  • raggg
    senior tag

    Most már értem, köszi :R

    Szerintetek az kivitelezhető, hogy a link szövege megváltozzon a toggle funkció után. Arra gondolok, hogy alapból például "mutat" a link, ha rányomok, megjelenik a div, de ezután a link szövege "elrejt" lesz. Tehát a js animáció és a div megjelenítése után más szöveget mutatna a link.

    <a href="#" id="toggle3">Mutat</a>

    <a href="#" id="toggle3">Elrejt</a>

    Gondolom ahhoz, hogy a szöveget módosítani tudja a js, lehet, hogy egy span tagbe kellene rakni és úgy lehetne rá hivatkozni.

    <a href="#" id="toggle3"><span id="toggleLink">Mutat</span></a>

    <a href="#" id="toggle3"><span id="toggleLink">Elrejt</span></a>

    Jól gondolom, vagy túlbonyolítom? :D Meg lehet ezt oldani egyszerűen? :)

    A .text() függvénnyel lehet átírni benne a szöveget.

    $('#toggle3').text("elrejt");

    Most jsFiddle-t nem tudok adni, de talán innen menni fog. :-)

    Mindig megelőznek :)

  • Jim-Y
    veterán

    Most már értem, köszi :R

    Szerintetek az kivitelezhető, hogy a link szövege megváltozzon a toggle funkció után. Arra gondolok, hogy alapból például "mutat" a link, ha rányomok, megjelenik a div, de ezután a link szövege "elrejt" lesz. Tehát a js animáció és a div megjelenítése után más szöveget mutatna a link.

    <a href="#" id="toggle3">Mutat</a>

    <a href="#" id="toggle3">Elrejt</a>

    Gondolom ahhoz, hogy a szöveget módosítani tudja a js, lehet, hogy egy span tagbe kellene rakni és úgy lehetne rá hivatkozni.

    <a href="#" id="toggle3"><span id="toggleLink">Mutat</span></a>

    <a href="#" id="toggle3"><span id="toggleLink">Elrejt</span></a>

    Jól gondolom, vagy túlbonyolítom? :D Meg lehet ezt oldani egyszerűen? :)

    Ez is jó megoldás, de lehet máshogy is...
    $(function(){
    $('#toggle3').click(function() {
    $('.toggle3').toggle('slow');
    var label = $(this).text();
    if(label === "Elrejt"){
    $(this).text("Mutat");
    } else {
    $(this).text("Elrejt");
    }
    });
    });

Új hozzászólás Aktív témák