Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Jquery slideToggle

Sivu 1 / 1

pistemies [09.10.2019 21:32:00]

Lainaa #

Minulla on pikku lista otsikoita ja jokaista otsikkoa klikkaamalla tulisi saada näkyviin alaotsikot. No se onnistuu.
Mutta sitten kun klikkaa saman otsikon buttonia uudestaan (teskti on muuttunut muotoon 'Hide'), mitään ei tapahdu.
Mikä tässä vois olla vikana?

 $(document).ready(function(){
 $("#spitfi-shipping-method-2").hide();
  $("#shower3").click(function() {
   var goShow = $('#spitfi-shipping-method-2:visible').length;
   var goHide = goShow;

    $("#spitfi-shipping-method-2" ).slideToggle("show");
    if (goHide) {
       $('#shower3').prop('value', '{{ button_show }}');
    } else {
      $('#shower3').prop('value', '{{ button_hide }}');
    }
  });
});

Ps. Tuossa siis näkyy myös hiukan Twig template koodia ;)

Ps Again: Tein alert testin. Kun ensimmäisen kerran klikkaa buttonia 'Show', se toimii, mutta kun painaa buttonia 'Hide', ohjelma ei tunnista klikkausta. Olen myös poistanut tuosta tuon "ready(function)" silmukan, kun se taitaa olla turha.

Lisäys: Käytössä Jquerý 2.1

Tronic [10.10.2019 07:58:06]

Lainaa #

En tunne käyttämääsi frameworkkia, mutta jos se poistaa napin DOM:sta button_hidellä ja luo uuden button_show:lla, ei dokumentin latauduttua rekisteröity onclick-handler tietenkään enää toimi. Mahdollisesti frameworkissasi on muu "oikea" tapa onclick-handlerin rekisteröintiin siten, että se myös säilyy piilottelun jälkeen.

Voit ratkaista ongelman puhtaasti HTML:llä käyttäen details ja summary elementtejä. Jos haluat lisäksi piilottaa/näyttää tai muutoin muokata jotain summaryn sisällä olevaa sen mukaan onko details auki, onnistuu se CSS:llä details[open] ja details:not([open]). Sopivilla tyyleillä saat tästä kyhättyä varmaankin juuri haluamasi näköisen.

pistemies [10.10.2019 13:38:26]

Lainaa #

Tronic kirjoitti:

(10.10.2019 07:58:06): En tunne käyttämääsi frame­workkia, mutta jos...

Kiitos. Tuo CSS onkin aikaa vievin saada siitä edes hiukan nätin näköinen ;)

pistemies [10.10.2019 15:45:14]

Lainaa #

Sellainen pulma tuli tähän, että Firefox ei näytä tuon summary elementin nuolta. Miten se voisi onnistua?

HTML5 [10.10.2019 20:30:57]

Lainaa #

Kuulostaa siltä, että jokin CSS:ssä aiheuttaa tuon. Kokeile poistaa ominaisuuksia yksi kerrallaan, kunnes nuoli palaa. Kätevimmin tämä onnistunee selaimen kehitystyökaluilla, mutta rivejä voi myös kommentoida pois (tosin CSS:n tapauksessa voi olla helpompaa lisätä rivin alkuun mitä tahansa epävalidia, koska selain hylkää vain kyseisen rivin).

Tronic [11.10.2019 07:56:52]

Lainaa #

https://stackoverflow.com/questions/51830251/styling-the-html5-summary-arrow-for-firefox

Vastaus

Muista lukea kirjoitusohjeet.
Tietoa sivustosta