小编you*_*ter的帖子

我想div在单击时显示和隐藏一些内容，并设法实现其中的一部分（当我单击相应的按钮时，它会显示div并隐藏它们）。

但是，当我单击其他按钮时，我不知道如何关闭所有已打开的div。例如，如果我单击“添加”按钮并打开相应的div，而当我单击“编辑”时，我想打开“编辑” div并关闭“添加” div。

我相关的HTML

<div id="controls">
    <input type="button" class="addBtn" value="Add" id="add"/>
    <input type="button" class="editBtn" value="Edit"  id="edit"/>
    <input type="button" class="viewBtn" value="View" id="view"/>
    <input type="button" class="deleteBtn" value="Delete" id="delete"/>
</div>
<div id="test1">test 1</div>
<div id="test2">test 2</div>
<div id="test3">test 3</div>

我的JS：

$(document).ready(function(){
    $("#add").click(function(){
        $("#test1").slideToggle("fast");
    });
    $("#edit").click(function(){
        $("#test2").slideToggle("fast");
    });
    $("#view").click(function(){
        $("#test3").slideToggle("fast");
    });
});

感谢您的建议和提示。

我正在使用 react intl ^2.4.0 版本。我想在已翻译的格式化消息中添加链接。我将它与react cookie 法结合使用

我尝试使用类似的东西：

const link = <a href="google.com">log in</a>;
const msg = `this website uses cookies ${link}`

但没有运气。

const cookieMsg = (
    <FormattedMessage
        id="text"
        defaultMessage="This website uses cookies LINK HERE."
    />
);

在 CookieBanner 中：

<IntlProvider locale={lang} messages={messages[lang]}>
    <>
        <CookieBanner
            message={msg}
            ...
        />
    </>
</IntlProvider>

我直接在 app.js 中渲染。这里是：

<CookieBanner
     message={cookieMsg}
     acceptButtonText={cookieBtn}
     privacyPolicyLinkText={cookiePrivacy}
     policyLink="https://www.google.com"
     showMarketingOption={false}
     showStatisticsOption={false}
     showPreferencesOption={false}
     styles={{
              optionWrapper: {
                  display: "none"
               }
            }}
     />