jquery - 用一个脚本制作多个幻灯片切换

Question

我有多个看起来像这样的脚本：

$('#books').click(function(){
    $("#books_view").slideToggle("medium");
});

$('#newspapper').click(function(){
    $("#newspapper_view").slideToggle("medium");
});

切换 div 总是以“_view”结尾。如果在这种情况下可以编写一个适用于所有这些切换 div 的脚本，而不是为每个切换 div 编写一个脚本，我只是想知道吗？由于所有切换 div 都以完全相同的文本结尾，这可能吗？

谢谢你的时间。

Answer 1

您可以使用多个选择器，然后使用单击的元素 id 来确定切换的元素的 id

$('#books, #newspapper').click(function(){
    $('#' + this.id + '_view').slideToggle("medium");
});

Answer 2

你看起来像这样吗？

$('#books, #newspapper').click(function(){
    $('[id*=_view]').slideToggle("medium");
});

希望这对你有帮助。