與jquery選擇器的問題

對不起，傢伙，我想添加一個事件到一個表內的圖像，所以當它點擊它摺疊需要的div。與jquery選擇器的問題

我在這裏面臨幾個問題。

所有表和div都使用相同的類。
它可能是至少兩個表和div。
第一張桌子不應該是可以點擊的，只有它的圖片（用於顯示和隱藏div）
其餘的桌子應該可以點擊，整個桌子可以用滑動條顯示和隱藏div。
其餘表格還有兩個圖像用於顯示slideDown和slideUp。

我有它的作品，但不完全。

再次。

謝謝。

到目前爲止，這是我所擁有的。

<script type="text/javascript"> 
$(document).ready(function(){ 

    $(".heading:not(#Container1)").click(function(){ 
    var c = $(this).next(".container"); 
    c.slideToggle("slow"); 
    }); 


}); 

$(document).ready(function(){ 
    $("img[alt='min']").click(function(){ 
    var c = $(this).next(".container"); 
    c.slideUp("slow"); 
    }); 

    $("img[alt='max']").click(function(){ 
    var c = $(this).next(".container"); 
    c.slideDown("slow"); 

    }); 
}); 
</script> 

<html> 
    <head></head> 
    <body> 
    <table class="heading" id="container1"> 
     <tr> 
     <td>heading1</td> 
     <td><img alt='min'/><img alt='max'/></td> 
    </tr> 
    </table> 
    <div class='container'>Container1</div> 
    <table class="heading"> 
    <tr> 
     <td>heading2</td> 
     <td><img alt='min'/><img alt='max'/></td> 
     </tr> 
    </table> 
    <div class='container'>Container2</div> 
    <table class="heading"> 
    <tr> 
     <td>heading3</td> 
     <td><img alt='min'/><img alt='max'/></td> 
    </tr> 
    </table> 
    <div class='container'>Container3</div> 
</body> 
</html>

來源

2010-03-01 Amra

嘗試此腳本：

$(function(){ 
    $(".heading:not(#Container1)").click(function(){ 
    $(this).next(".container").slideToggle("slow"); 
    }); 
    $("img[alt='min']").click(function(e){ 
    $(this).closest("table").next(".container").slideUp("slow"); 
    e.stopPropagation(); 
    return false; 
    }); 
    $("img[alt='max']").click(function(e){ 
    $(this).closest("table").next(".container").slideDown("slow"); 
    e.stopPropagation(); 
    return false; 
    }); 
});

SLaks也做出了很大的漁獲物，你的腳本應該在這裏：

<html> 
<head> 
    //Script tags here 
</head>

來源

2010-03-01 16:16:34

另外，把腳本在'' – SLaks

@SLaks - 趕上，甚至沒有通知 –

哇！這是非常接近的，我只有一個問題。當我點擊img時，它會滑動或向下（取決於你點擊哪一個），但它也會滑動切換，所以它會上升，然後下降或下降，然後當你點擊圖片。任何解決方案？謝謝。 – Amra

與jquery選擇器的問題

回答

相關問題