Question

I have quite a simple jQuery toggle working here: http://jsfiddle.net/yVa3U/1/ – but I can’t work out how to get the active div to toggle off when the next div is clicked.

Any suggestions on how to do this?

Thanks

$(document).ready(function() {

  $('.answer').hide();

  $(".toggle").click(function(){

      $("div[rel='profile_" + $(this).attr("profile") + "']").toggle(400);
});

});​

Answer 1

You should add

$(".answer").not($(this).next()).hide(400);

before you call the toggle() function

Side notes

1. You could change the line $("div[rel='profile_" +
$(this).attr("profile") + "']").toggle(400); to
   $(this).next().toggle(400);
2. Instead of using the attribute profile you should better use the data attribute

Demo