0

我有一个问题，我不知道如何用 jQuery 解决，因为我仍然很菜鸟。

我有 4 个框（或更多），每个框都有一个“查看详细信息”按钮，我需要的是，当您单击查看详细信息时，会显示一个隐藏的 div，其中包含该框的对应信息，但当您隐藏时也需要显示 div，按钮更改为“隐藏详细信息”——我可以用切换来点它，但问题是，如果您单击按钮查看另一个框的详细信息，则 div 不会隐藏，并且带有“隐藏详细信息”的按钮将获胜'不要回到它的默认状态，希望有人理解这一点并帮助我。

<div id="product_id" class="model_box box">
     <h3>title</h3>

    <img src="img/products/product_example.png" alt="" width="200px" height="100px">
    <button id="product_id" href="#model_details_id" class="lightblue nav-toggle view_details">VIEW DETAILS</button>
</div>
<div id="product_id" class="model_box box">
     <h3>title</h3>

    <img src="img/products/product_example.png" alt="" width="200px" height="100px">
    <button id="product_id" href="#model_details_id" class="lightblue nav-toggle view_details">VIEW DETAILS</button>
</div>

这是我的 jfiddle http://jsfiddle.net/Dx9Wc/

4

2 回答 2

0

试试这个小提琴http://jsfiddle.net/RdSeS/

$(".view_details").click(function () {
$(".details").hide();
$(this).parents('.box').find('.details').html($("#model_details").html()).show();

});
于 2013-05-20T19:06:02.403 回答
0

我想你正在寻找这样的东西：

$(document).ready(function() {
    $('#product_id_1').on('click', function(){
        $('#model_details').css('display', 'block');
    });
});

http://jsfiddle.net/Dx9Wc/3/

于 2013-05-20T19:11:45.667 回答