<story><title>Things you don&apos;t need JavaScript for</title><url>https://lexoral.com/blog/you-dont-need-js/</url></story><parent_chain><item><author>WA</author><text>2 (Sidebar) is not usable on mobile, because there is no good hover event. Since mobile-first is almost a necessity, it won&amp;#x27;t work this way.&lt;p&gt;Accordions make most sense as a table of contents, although they are often used in FAQs. But in FAQs, you can&amp;#x27;t use the browser&amp;#x27;s search on page to find collapsed words. So you trade better scrollability for searching on the page. Not sure how many people use &amp;quot;search on page&amp;quot; on mobile devices though.&lt;p&gt;1 + 3 are great though.</text></item></parent_chain><comment><author>StevenWaterman</author><text>Yeah I agree that the sidebar isn&amp;#x27;t a very useful example given that it&amp;#x27;s not even close to something you&amp;#x27;d implement in production. The same technique can definitely be made to work with mobile, which is how the burger menu at the top right of the page is implemented - ie just using `:focus-within` rather than `:hover` and using media queries to only display that menu on mobile.&lt;p&gt;I&amp;#x27;m glad that you enjoyed 1 and 3 though - it&amp;#x27;s been really interesting seeing each person take something different away</text></comment>
<story><title>Things you don&apos;t need JavaScript for</title><url>https://lexoral.com/blog/you-dont-need-js/</url></story><parent_chain><item><author>WA</author><text>2 (Sidebar) is not usable on mobile, because there is no good hover event. Since mobile-first is almost a necessity, it won&amp;#x27;t work this way.&lt;p&gt;Accordions make most sense as a table of contents, although they are often used in FAQs. But in FAQs, you can&amp;#x27;t use the browser&amp;#x27;s search on page to find collapsed words. So you trade better scrollability for searching on the page. Not sure how many people use &amp;quot;search on page&amp;quot; on mobile devices though.&lt;p&gt;1 + 3 are great though.</text></item></parent_chain><comment><author>franciscop</author><text>Did you try it on mobile? I was gonna comment the same thing, but I tried it and worked perfectly to my surprise. If you tried and it didn&amp;#x27;t work, mind sharing what mobile&amp;#x2F;browser?</text></comment>