この例では、knockout.jsを使用して、[展開]リンクをクリックし、そのテキストを[折りたたみ]に変更できるようにします。また、jobDetailsセクションを表示するように設定したいと思います。これは、クリックハンドラーを使用してリスト内の「現在の」アイテムのDOMを具体的に変更するためにknockout.jsを取得する方法に関する非常に一般的な質問です。
<script type="text/html" id="job-template">
<div class="jobContainer">
<label data-bind="text: JobTitle"></label>
<label data-bind="text: CompanyName"></label>
<div class="jobDetails">
<label data-bind="text: City"></label>
<label data-bind="text: State"></label>
</di>
<div>
<a class="expand" href="#" data-bind="click: ???">Expand</a>
</div>
</div>
</script>