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 jQuery Basics (2014) Creating a Spoiler Revealer Perfect

Posted by paulscanlon
paulscanlon
Courses Plus Student 26,735 Points

Opinion on my solution

Hi. Just wondering if anybody had any thoughts on my solution. It works fine, I'm just having trouble with DRY programming and cutting down on my code.

Thanks in advance

Paul

//HIDE SPOILER CONTENTS
$("span").hide();

//ADD TEXT TO .SPOILER
$(".spoiler").append("<p class='spoil_text'>***REVEAL SPOILER***</p>");

//KEEP HEIGHT OF ELEMENT
$(".spoiler").height(80)

//SHOW/HIDE SPOILER ON MOUSEOVER/LEAVE
$(".spoiler").mouseover(function() {
  $(".spoil_text").hide();
  $("span").show();
  });
$(".spoiler").mouseleave(function() {
  $("span").hide();
  $(".spoil_text").show();
})