单击另一个时隐藏一个切换

Question

在页面上使用多个切换项目时（只是切换，而不是togggleClass等）如何在另一个打开时关闭一个切换项目？

$(document).ready(function(){
$(".toggle-trigger").click(function(){
    $(".toggled-div").toggle(300);
    });
});



$(document).ready(function(){
$(".toggle-trigger-2").click(function(){
    $(".toggled-div-2").toggle(300);
    });
});

理想情况下，当单击toggle-trigger-2切换到toggled-div-2时，会隐藏toggle-trigger-div（第一个）。