toggle2

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;display:none}

JavaScript

$(document).ready(function() {

  $(".toggle").click(function() {
           var $next=$(this).next().toggle(400);
          $('.answer').not($next).hide();
    });
});