toggle

by lovromar

HTML

<div class="toggle" profile='1'>Toggle</div>
<div class="answer" rel='profile_1'>Answer</div>


<div class="toggle" profile='2'>Toggle</div>
<div class="answer" rel='profile_2'>Answer</div>


<div class="toggle" profile='3'>Toggle</div>
<div class="answer" rel='profile_3'>Answer</div>

CSS

.toggle {border:1px solid red;padding:10px;cursor: pointer}

.answer {background:red;color:white;padding:10px;}

JavaScript

$(document).ready(function() {

  $('.answer').hide();
  
  $(".toggle").click(function(){
      $(".answer").not($(this).next()).hide(400);
      $("div[rel='profile_" + $(this).attr("profile") + "']").toggle(400);
});
         
});