Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript

This works on the computer, but not on mobile

I have these down arrows, when you click on them on the computer they go up and dropdown the collapsible text, when you click on them again, they go back up. However, for some reason on mobile, this is not the case, when you press on them they disappear, why is this.

Files you will need

Link to website(must be opened on mobile, on PC with inspect element it works fine, only when opened via phone it does not work): https://sid-fbla.github.io/FBLA/ (navigate to "Careers", and you will see these black arrows pointing downwards, press on one of them on a phone and see what happens).

Link to files: https://github.com/sid-FBLA/FBLA The only files you will need are HTML/apply.html as well as CSS/apply.css(in particular lines 67 - 211, this seems like a lot, but the lines are badly written and just repeat the same thing over and over, to get the gist of it all you need are lines 67 - 88 and 113 - 135).

P.S I know I should have made the collapsible with javascript, I just did not know how at the time.

Any help is greatly appreciated, Sid

Have you opened the link via your phone and not on inspect element(it works fine on inspect element, but does not work via phone), because on my phone it does not work.

1 Answer