Question

我正在构建一个测试站点来使用jQuery：

<div class="frame25" >
    <div class="frame50 stadt">
        Paris</br>
        <img src="paris-cut.jpg">
    </div>
    <div class="frame50">
        <div class="tickets">
            Tickets</br>
        </div>
    </div>
</div>

现在我有多个这样的城市作为div框，只有当我点击一个城市的图像时才想显示匹配的票证div。（我可以用多个ID解决这个问题，但这不是我寻求的优雅方式）

jQuery看起来像这样：

$("document").ready(function(){
    $(".tickets").hide();
    $(".stadt").click(function(event) {
        if($(this).parents.(".tickets")){
           event.fadeToggle();
        }
    });
});

Answer 1

工作代码（http://jsfiddle.net/z2meacz6/）

$(function(){
    $(".tickets").hide();
    $(".stadt").click(function(event) {
        $(this).parent().find(".tickets").fadeToggle();
    });
});

Answer 2

试试这个

jQuery(function ($) {
    $(".tickets").hide();
    $(".stadt").click(function (event) {debugger;
        var statTickets=$(this).siblings('.frame50').find('.tickets');
        statTickets.show();
        $('.tickets').not(statTickets).hide();
    });
});

DEMO 此处（包含隐藏其他门票的代码）

无法为jQuery fadeToggle（）定位特定的CSS类

2 个答案: