问使用切换链接的数据属性

EN

$('.filter-group[data-toggle= toggleID ]').toggle();

$('.filter-group[data-toggle=' + toggleID + ']').toggle();

$(".filter-group").hide();

$('button').click(function() {

    var toggleID = $(this).data('toggle');
    $('.filter-group[data-toggle=' + toggleID + ']').toggle();

});

* {
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-size:1.3rem;
}

button {
    padding:1rem;
    background-color:salmon;
    border:none;
}

.filter-group {
    background-color:silver;
    padding:1rem;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<button type="button" data-toggle="toggle1">Button 1</button>
<button type="button" data-toggle="toggle2">Button 2</button>


<div class="filter-group" data-toggle="toggle1">
    Filter Group 1
</div>

<div class="filter-group" data-toggle="toggle2">
    Filter Group 2
</div>

<button type="button" data-toggle="toggle1">Button 1</button>
<button type="button" data-toggle="toggle2">Button 2</button>

<div class="filter-group toggle1" data-toggle="toggle1">
  Filter Group 1
</div>

<div class="filter-group toggle2" data-toggle="toggle2">
 Filter Group 2
</div>

$(".filter-group").hide();
$('button').click(function() {
var toggleID = $(this).attr('data-toggle');
 $("."+toggleID).toggle();
});