I am making a website and on the computer size version I have implemented "drop down" text boxes by using div blocks with a set pixel height and setting the overflow to not visible. When the user hovers over the box, I have it set to expand the height which reveals the text below, thus emulating the drop down effect.
I want this effect to also happen on mobile devices (tablets or phones) and I figured setting up the pressed state the same way would allow users to touch the box and have it "drop down." However when I tested the site from an ipad or iphone, the boxes appear but they refuse to do anything, even when touched. Is there a way to make this effect work on smaller screen devices or should I just disable the effect altogether and have the entire text box constantly display?