Question

Here’s the code: http://jsfiddle.net/t2nite/KCY8g/

What I’m trying to get the SHOW buttons below the HIDE/SHOW ALL button is if you press one button it will show it’s text and hide the other texts.

I used this code, but as soon as I hit show on any button, it will show and hide itself.

$(".show").click(function() {
   $(this).parent().find("p").show(200);
   $("p").not(this).hide(200);
});​

Help.

Answer 1

Your problem was that this in the show function was not a <p> it was the button.

$(".show").click(function() {
    var $thisP = $(this).parent().find("p")
    $thisP.show(200);
    $("p").not($thisP).hide(200);
});​

http://jsfiddle.net/KCY8g/11/