Javascript jQuery通过关闭/隐藏一次切换一个元素

我是Js初学者，下面是我的代码（图片不一样，但这正是我想要的）：

看看这个：

我希望当我单击一个图像时，与此图像关联的文本会出现，如果我单击另一个图像，前面的文本会消失，与单击的图像关联的新文本会出现在相应的位置

事实上，我希望人们在同一时间只能打开一个文本

我希望你能理解我的问题，并能帮助我

问候。

^

$（'[id^=“工作信息”]'）选择id为的所有元素，从工作信息开始

在OP的评论后更新



哇，谢谢，这绝对是我需要的！你是怎么做到的？我不理解所有的代码。@MaadMax检查更新的答案。如果不是再问我，希望你现在理解：）哦，很抱歉，但有一个小问题：当我再次单击同一张图片时，文本再次“弹出”，而不是被隐藏/谢谢，也很好！但是我想当你再次点击同一张图片时，文本消失了。
        $('#img-expand').click(function () {
        $("#work-info").slideToggle("slow");
    });

    $('#img-expand_2').click(function () {
        $("#work-info_2").slideToggle("slow");
    });

$('#img-expand').click(function () {
    $('[id^="work-info"]').hide();
    $("#work-info").slideToggle("slow");
});
$('#img-expand_2').click(function () {
    $('[id^="work-info"]').hide();
    $("#work-info_2").slideToggle("slow");
});

Description: Selects elements that have the specified attribute with 
a value beginning exactly with a given string.

$('#img-expand').click(function () {
    $('[id^="work-info"]').not('#work-info').hide();
    $("#work-info").slideToggle("slow");
});
$('#img-expand_2').click(function () {
    $('[id^="work-info"]').not('#work-info_2').hide();
    $("#work-info_2").slideToggle("slow");
});

   $('#img-expand').click(function () {
        var slide = $("#work-info").is(":visible");

        $(".part-body-opacity p").slideUp();
        if(!slide)
           $("#work-info").slideToggle("slow");
    });

    $('#img-expand_2').click(function () {
        var slide = $("#work-info_2").is(":visible");

        $(".part-body-opacity p").slideUp();
        if(!slide)
           $("#work-info_2").slideToggle("slow");
    });