Question

I am having a problem toggling some content that was clicked.The two items are identical and once i click one item,the other item that was not clicked toggles too.Is there a technique i can use to identify what was clicked so that the clicked item can toggle and the other is unaffected?.

Here is the example in jfiddle http://jsfiddle.net/dNt9e/

Answer 1

I have updated your Fiddle, please check here – http://jsfiddle.net/57vsn/4/

Basically what’s changed is the following:

if($('.toggleContent', $(this).parent()).is(':visible')){
    $('.toggleContent', $(this).parent()).hide("slow");
    $('.green', $(this).parent()).val("+");
} else {
    $('.toggleContent', $(this).parent()).show("slow");
    $('.green', $(this).parent()).val("-");
}