hide-content

by Akram kamal

HTML

<button class=hide-btn>a</button>
<button class=hide-btn>b</button>
<button class=hide-btn>c</button>
<button class=hide-btn>d</button>
<div class=hide-content>a</div>
<div class=hide-content>b</div>
<div class=hide-content>c</div>
<div class=hide-content>d</div>

JavaScript

$(document).ready(function() {

    var hcon = $(".hide-content")
    var hbtn = $(".hide-btn")

    hcon.hide();
    hbtn.click(function() {
        var index = hbtn.index(this) // which one is it?
        $(hcon).eq(index).slideToggle("slow");
    });
});