使用一个脚本制作多个slideToggle

时间:2013-06-29 06:05:44

标签: jquery

我有多个脚本如下:

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

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

toggeling div总是以“_view”结尾。我只是觉得如果它可能在这种情况下写一个脚本,适用于所有这些toggle-div而不是写一个脚本到每个toggle-div?由于所有的toggeling div都以完全相同的文本结束,这可能是可能的吗?

感谢您的时间。

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

你看起来像这样吗?

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

希望这对你有所帮助。