Show/Hide W3.JS HTML 单击时包含

Question

我有这个代码：

<ul>
    <li>
        <a href="#" id="fiatClick">Fiat</a>
    </li>
    <li>
        <a href="#" id="audiClick">Audi</a>
    </li>
</ul>

<div id="showCarInfo"></div>

并且当点击 link 时，与 link 相关的正确内容应该附加在 id="showCarInfo".

截至目前，每次点击都会生成一组新内容，而不是交换内容。如何在每次点击时替换（切换）div 中的内容？我正在使用 W3.JS 在我的 HTML 中包含 HTML 个文件，这是我的 JS:

$('#fiatClick').click(function(e) {
        e.preventDefault();
        $('#showCarInfo').append('<div w3-include-html="fiat.html"></div>');
        w3.includeHTML();
    });
    $('#audiClick').click(function(e) {
        e.preventDefault();
        $('#showCarInfo').append('<div w3-include-html="audi.html"></div>').show();
        w3.includeHTML();
    });

Answer 1

你能把 .append() 改成 .html() 吗？

Show/Hide W3.JS HTML 单击时包含

Show/Hide W3.JS HTML Includes on click

jquery

w3.js