Zdravím,

chcem sa spýtať, aké je najlepšie riešenie na odstránenie dlhých blokov textu na webe pre malé zariadenia?
Napr. ak si návštevník otvorí web na notebooku, zobrazí sa mu celý konkrétny text. Ak si otvorí web na mobile, daný blok textu zobraziť nechcem.
Stačí na to v media-query pre konkrétny blok textu (napr. .blok_1) nastaviť display: none; v CSS? Alebo na to existujú elegantnejšie riešenia?

Ďakujem, Adam.

nastavenie media query a display none je dost elegantne a standardne riesenie si myslim

napr. bootstrap ma na to css classy - hidden-xs, hidden-sm, hidden-md, hidden-lg (analogicky visible-xs,...)

Mas kadejake moznosti ako to spravit.

Bud ho skryt uplne, alebo len ukazat cast atd.: http://jsfiddle.net/3ft2nobt/

len tak btw. tento kod mozes nahradit 1 riadkom:

Ha! Osbne casto classy nepridavam/neodoberam cez jQuery, takze ako vidno, mi kompletne vypadlo z hlavy ze toggleClass vobec existuje.

Mierne upraveny kod: http://jsfiddle.net/3ft2nobt/1/

a cez čo ich pridávaš/odoberáš keď nie cez jquery?

Velmi jednoduche: Nerobim weby kde by nieco take bolo nutne. Osobne sa skor snazim vyhnut pouzivaniu JS co najviac a fungovat len cez HTML a CSS pre front-end.

ja sa drzim rovnakeho pravidla avsak len ak sa to tyka animacii.. a prave vtedy pridavanie class cez jquery mi pride velmi jednoduche a efektivne riesenie (css transitions + keyframes sa o pekny efekt velmi lahko postaraju) ... na druhej strane, sa objavuju javascriptove kniznice, ktore maju rychlejsie animacie nez CSS http://julian.com/research/velocity/ ale osobne som ich este nepouzil.

ale to je dost ot