Javascript can'；t使用jquery和twig隐藏元素

我试图在页面中隐藏一个名为requestformdisplay的元素，具体取决于我是使用减号按钮还是加号按钮。我用了不同的方式在谷歌上搜索，但我得到了相同的结果。我说的是这样的事情：

   if($('.plus{{i}}').data('clicked')) {
        $('#request-form-display{{i}}').show();
    };
    if($('.minus{{i}}').data('clicked')){
        $('#request-form-display{{i}}').hide();
    }
    <i class="glyphicon glyphicon-plus plus{{i}}"></i>
    <i class="glyphicon glyphicon-minus minus{{i}}" style="display: none"></i>

if（$（'.plus{{{i}}'）.data（'clicked'））{
$（'#请求表单显示{{i}'）.show（）；
};
if（$（'.减去{{i}}'）。数据（'clicked'））{
$（'#请求表单显示{{i}'）.hide（）；
}

完整的代码上下文：

{% set i=1 %}
{% for product in products %} 
    <tr>
        <td>{{product.code}}</td>
        <td>{{product.name}}</td>
        <td>{{product.typeString}}</td>
        <td>{{product.node?product.node.name}}</td>
        <td id="pp" class="text-right"  >
            {% if request is defined %}
                <a title="Create request" 
                   class="btn btn-sm btn-default"
                   onclick="javascript:loadModal($('#request-form-display{{i}}') ,'{{path('userBuyerProductRequestQuickCreate', {productId: product.id, bidId:bidId})}}');window.location='#productsSearchTable';$('.plus{{i}}').hide();$('.minus{{i}}').show();$('#request-form-display{{i}}').show();if($('.plus{{i}}').data('clicked')) {
                   $('#request-form-display{{i}}').show();
                   };
                   if($('.minus{{i}}').data('clicked')){
                   $('#request-form-display{{i}}').hide();
                   }">
                   <i class="glyphicon glyphicon-plus plus{{i}}"></i>
                   <i class="glyphicon glyphicon-minus minus{{i}}" style="display: none"></i>
                </a>
                {% endif %}
            {% endif %}
        </td>
        <tr>
            <td colspan="4">
                <div class="table">
                    <div id="request-form-display{{i}}" style="display:none"></div>
                    {% set i=i+1 %}
                </div>
            </td>
        </tr>
    </tr>
{% endfor %}

{%set i=1%}
{products%中产品的%s}
{{product.code}}
{{product.name}
{{product.typeString}
{{product.node？product.node.name}
{%如果定义了请求%}
{%endif%}
{%endif%}
{%set i=i+1%}
{%endfor%}

也许这个例子可以帮助您解决问题

<a href="javascript:void(0);" onclick="showDiv('{{ person.name }}');">{{ person.name }}</a>

---

也许这个例子可以帮助你解决问题

<a href="javascript:void(0);" onclick="showDiv('{{ person.name }}');">{{ person.name }}</a>

---

请考虑解释如何解决问题。请考虑解释如何解决问题。

function showDiv(name) {
$("#"+name).show();
}