Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Ohjetekstin vaihtaminen oikein, näytä/piilota

pistemies [28.02.2016 13:09:12]

#

Moi

Olen muuttamassa erästä ohjelmaa, joka listaa hakemistojen nimet. Tarkoitus os oletuksena piilottaa hakemiston ominaisuudet/muokkausbox ja klikata se esiin togglella.
Muu hoituu hyvin, mutta miten tuon pikku ohjetekstin saisin tulostumaan oikein.
Nykyinen skripti:

$('#folder-test').ready(function(){
    $("#folder-40-test").hide();
    $('#folder-test').attr('title','Display');
      $('#folder-test').click(function(){
         $("#folder-40-test").slideToggle("slow");
         $('#folder-test').attr('title','Hidden');
     });
});

Tähän siis oli kait jokin juttu, joka tarkistaa klikkauksen jälkeen, onko kysessä elementin piilotus vai näyttäminen.

Metabolix [28.02.2016 13:51:56]

#

”Jokin juttu” voi olla esim. $('#kohde:visible').length, joka kertoo, montako näkyvillä olevaa #kohde-elementtiä löytyy, siis käytännössä 0 tai 1.

$('#painike').click(function(){
  var aiemminEsillä = $('#kohde:visible').length;
  var meneePiiloon = aiemminEsillä;

  $('#kohde').slideToggle("slow");
  if (meneePiiloon) {
    $('#painike').prop('title', 'Näytä');
  } else {
    $('#painike').prop('title', 'Piilota');
  }
}

pistemies [28.02.2016 14:19:07]

#

Thanks!

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta