单击以查看每个拇指帖的信息

Question

我想点击每个按钮来查看每个帖子中的信息,但是当我点击它时它会查看所有信息.

这是我的例子.我有HTML像:

<div class='list post'>
    <div class='post'>
        <div class='btn'>btn</div>
        <div class='hidden'>Hidden Info 1</div>
    </div>
    <div class='post'>
        <div class='btn'>btn</div>
        <div class='hidden'>Hidden Info 2</div>
    </div>
    <div class='post'>
        <div class='btn'>btn</div>
        <div class='hidden'>Hidden Info 3</div>
    </div>
</div>

我使用onclick像:

$('.btn').click(function(){
    $('.hidden').css({"visibility":"visible"});
});

但它没有用.我想使用切换或类似的东西,但我不知道该怎么做.

请在这里查看jsfiddle

Answer 1

你可以使用$(this)目标点击.btn按钮和.next()来定位下一个直接兄弟点击按钮,即.hiddendiv:

$('.btn').click(function(){
    $('.hidden').css({"visibility":"hidden"});
    $(this).next().css({"visibility":"visible"});
});

更新小提琴