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

• raggg senior tag

  #3362

  #3360 spammer

  2013-04-22 13:41:39

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  raggg

  senior tag

  #3360 spammer

  #3360 spammer

  Most már értem, köszi

  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? 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

  #3361

  #3360 spammer

  2013-04-22 13:40:18

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Jim-Y

  veterán

  #3360 spammer

  #3360 spammer

  Most már értem, köszi

  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? 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