By Sam Deering

Hide and Show Elements with jQuery

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

With jQuery you can hide and show page elements very easily. The page elements can be anything such as a div, an image, a paragraph or anything that is on your webpage really.

This is how you do it:

$(this).hide() //hides current element

$("p").hide() //hides all paragraphs

$("p.test").hide() //hides all paragraphs

$("#test").hide() //hides the element with id="test"

Live demos:



Login or Create Account to Comment
Login Create Account
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?