Best way for hover effects on mobile/touch devices?

I have a div that increases its width when you hover on it. It won't work on a smartphone or tablet. The best way would be to make hover to click . But how should I do it? Sth like @media (max-width: 700px) or is there any good way to make it clickable on a touchscreen?