Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Siddharth Pandey
Siddharth Pandey
7,280 Points

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

Siddharth Pandey
Siddharth Pandey
7,280 Points

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