如何編輯此代碼以僅顯示一個div？ jquery

Question

如何編輯此代碼，以便在我點擊例如#pizza-show時顯示先前選擇的幻燈片會滑出？ 現在，當我點擊每4個功能，我可以看到所有4張幻燈片，但我總是隻需要一張幻燈片。合，我解釋了這一點。

<script> 
$(document).ready(function(){ 
    $("#hamburgery-show").click(function(){ 
    $("#hamburgery").slideToggle(); 
    }); 
    $("#pizza-show").click(function(){ 
    $("#pizzy").slideToggle(); 
    }); 
    $("#piwa-show").click(function(){ 
    $("#piwa").slideToggle(); 
    }); 
    $("#zupy-show").click(function(){ 
    $("#zupy").slideToggle(); 
    }); 
}); 
</script> 

Answer 1

從上面的代碼，你可以使用$=與選擇結束：

裏面點擊功能，首先運行該行：

$("[id$='-show']:visible").slideUp(); 

這會發現，有一個所有元素ID以-show（來自您的代碼示例）結尾並在切換單擊的元素之前將其滑動。理想情況下，您應該在所有這些元素上使用普通類，以便在對點擊的元素執行任何操作之前調用$(".class").slideUp()。