Я использую реактивный-var, в настоящее время событие ниже показывает и скрывает скрытый div при нажатии. Поскольку есть несколько вариантов, я хотел бы изменить приведенное ниже событие, чтобы скрыть любой из открытых div и отобразить только тот, на который я нажал. Как мне это написать?Закройте все открытые элементы
Путь: templates.html
<template name="jobOfferLayout">
{{#each jobOffers}}
{{> jobOfferCard}}
{{/each}}
</template>
<template name="jobOfferCard">
<div class="list-group">
<a class="list-group-item smallInfo">
<h4 class="list-group-item-heading">{{jobs}}</h4>
</a>
</div>
{{#if showFullContent}}
<div class="bigInfo">
Show big info
</div>
{{/if}}
</template>
Путь: jobOfferCard.js
Template.jobOfferCard.onCreated(function(){
this.showFullContent = new ReactiveVar(false);
});
Template.jobOfferCard.helpers({
showFullContent: function(){
return Template.instance().showFullContent.get();
},
});
Template.jobOfferCard.events({
"click .smallInfo": function(event, template){
template.showFullContent.set(!template.showFullContent.get());
},
});
вы можете использовать вспомогательную функцию и использовать пламя, чтобы отобразить/скрыть –
можете ли вы предоставить более подробную информацию, что на самом деле вы хотите сделать? –
Хорошо, я включил дополнительную информацию выше. Существует список заданий, каждая работа имеет карточку работы. В настоящее время, когда вы нажимаете на задание, открывается карта, с которой она связана. Проблема, с которой я столкнулась, заключается в том, что если вы нажмете на несколько заданий, в результате вы откроете несколько открываемых карт. Я хочу, чтобы карточки закрывались при открытии нового задания. – bp123