显示/隐藏全部或使用一个复选框切换多个div

Question

如果这个话题过度，请原谅我。我已经阅读了很多帖子，但还没找到我想要的东西，这就是我要问的原因。

我想要一个显示“全部显示”的复选框，当你检查多个div显示时。取消选中后，div隐藏

我能够使用复选框显示/隐藏带有id的div，但我不确定如何使用类元素，因此我不必写出每个div id。这是我正在使用的代码：

<input type="checkbox" id="checkbox">Show All
<div id="links"><a href="#">Link Title</a></div>

和

$(document).ready(function () {

    $('#link').hide();


    $('#checkbox').change(function () {
        if (!this.checked) 
        //  ^
           $('#links').fadeOut('slow');
        else 
            $('#links').fadeIn('slow');
    });
});

如何使用javascript处理此问题，以便在一次复选框点击时显示多个div？也许有这样的课：

<input type="checkbox" id="checkbox">Show All
<div class="links"><a href="#">Link Title</a></div>
<div class="links"><a href="#">Link Title</a></div>
<div class="links"><a href="#">Link Title</a></div>

谢谢！