Investment Options from The Argus Group in Bermuda - Argus Bermuda
✕
ANNOUNCEMENT: We’re pleased to announce that Argus and BF&M have completed their amalgamation.
Click here to learn more about how we are moving forward together
As an Argus Pensions & Investments customer, you will have access to the following investment types across the risk spectrum, ensuring you have the right approach, no matter what stage of life you are in.
An error occurred while processing the template.
The following has evaluated to null or missing:
==> feature.selectSingleNode("dynamic-element[@name='image']/dynamic-content") [in template "20101#20128#415852" at line 459, column 88]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #assign imageJSON = feature.selectSin... [in template "20101#20128#415852" at line 459, column 69]
----
1<style>
2 #investment-options .nav-tabs {
3 border-bottom: solid 2px #0079c1;
4 }
5
6 #investment-options .red {
7 background-color: red;
8 }
9
10 #investment-options .nav-tabs .nav-item .nav-link {
11 padding: 5px 15px;
12 border-top-left-radius: 10px;
13 border-top-right-radius: 10px;
14 border: none;
15 color: #00adf0;
16 font-weight: 400;
17 }
18
19 #investment-options .nav-tabs .nav-item .nav-link.active {
20 color: #fff;
21 background: #0079c1;
22 }
23
24 #investment-options .nav-tabs .nav-item .nav-link:hover {
25 color: #fff;
26 background: #0079c1;
27 }
28
29 #investment-options .nav-tabs .nav-item.direct-form {
30 padding-left: 60px;
31 }
32
33 #investment-options .tab-content .direct-mobile-form {
34 text-align: center;
35 margin: 50px 0;
36 font-size: 2em;
37 color: var(--primary-light);
38 display: block;
39 width: 100%;
40 }
41
42 #investment-options .nav-tabs .nav-item.direct-form i {
43 color: #00aeef;
44 }
45
46 #investment-options-data .nav-pills-header {
47 color: #fff;
48 background-color: var(--primary);
49 padding: 10px 15px;
50 border-top-left-radius: 10px;
51 border-top-right-radius: 10px;
52 margin-bottom: 0;
53 font-weight: 700;
54 }
55
56 #investment-options-data #document-switcher-sidenav .nav-pills {
57 border: 1px solid #c3c3c3;
58 border-bottom-left-radius: 10px;
59 border-bottom-right-radius: 10px;
60 margin: 0;
61 overflow: hidden;
62 }
63
64 #investment-options-data #document-switcher-sidenav .nav-pills .presentation {
65 background-color: #f2f2f2;
66 color: #000;
67 width: 100%;
68 }
69
70 #investment-options .right-icon {
71 color: #c3c3c3;
72 }
73
74 #investment-options-data .active .right-icon {
75 color: #00aeef;
76 }
77
78 #investment-options-data #document-switcher-sidenav .nav-pills .first-level .presentation .doc-item {
79 background-color: #337ab7;
80 color: #fff;
81 }
82
83 #investment-options-data #document-switcher-sidenav .nav-pills .presentation .doc-item.active .icon-chevron-right::before,
84 #investment-options-data #document-switcher-sidenav .nav-pills .first-level .presentation .doc-item .icon-chevron-right::before {
85 transform: rotate(90deg);
86 }
87
88 #investment-options-data #document-switcher-sidenav .nav-pills .presentation .doc-item.has-content .icon-chevron-right::before,
89 #investment-options-data #document-switcher-sidenav .nav-pills .presentation .doc-item.collapsed .icon-chevron-right::before,
90 #investment-options-data #document-switcher-sidenav .nav-pills .first-level .presentation .doc-item.collapsed .icon-chevron-right::before {
91 transform: rotate(0deg);
92 }
93
94 #investment-options-data #document-switcher-sidenav .nav-pills .first-level .second-level .doc-item {
95 background-color: #00aeef;
96 color: #fff;
97 border: none;
98 border-bottom: 1px solid #c3c3c3;
99 justify-content: space-between;
100 display: flex;
101 align-items: center;
102 }
103
104 #investment-options-data #document-switcher-sidenav .nav-pills .presentation .doc-item {
105 background-color: #f2f2f2;
106 border-top: 1px solid #c3c3c3;
107 color: #000;
108 border-left: none;
109 justify-content: space-between;
110 display: flex;
111 align-items: center;
112 border-bottom: none;
113 }
114
115 #investment-options-data #document-switcher-sidenav .nav-pills .presentation .active {
116 background-color: #fff;
117 color: #00aeef;
118 border-left: 5px solid #337ab7;
119 border-radius: 0;
120 }
121
122 #investment-options-data #document-switcher-sidenav .nav-pills .presentation .doc-item .span-text {
123 font-size: 14px;
124 line-height: 24px;
125 font-weight: 400;
126 }
127
128 #investment-options #document-switcher-view .pdf-container iframe {
129 width: 100%;
130 height: 657px;
131 }
132
133 #investment-options .nav-sidebar .card-name {
134 color: #00adf0;
135 padding: 10px 15px;
136 justify-content: space-between;
137 display: flex;
138 border: 1px solid #ddd;
139 align-items: center;
140 border-radius: 4px;
141 font-weight: 400;
142 }
143
144 #investment-options .doc-container .card {
145 background-color: #f5f5f5;
146 border: 1px solid #e3e3e3;
147 border-radius: 4px;
148 border-top: 10px solid #0079c1;
149 }
150
151 #investment-options .doc-container .card .table tr td {
152 border: none;
153 vertical-align: top;
154 }
155
156 #investment-options .doc-container .card .table tr td:first-child {
157 width: 21%;
158 }
159
160 #investment-options .doc-container .progress {
161 background: #f5f5f5;
162 border: 1px solid #f5f5f5;
163 border-radius: 9px;
164 height: 25px;
165 box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
166 }
167
168 @media (max-width: 767px) {
169 #investment-options table tr{
170 border: 1px solid #ccc;
171 }
172
173 #investment-options .tab-content>.tab-pane {
174 display: none;
175 }
176
177 #investment-options .tab-content>.tab-pane.show {
178 display: block;
179 padding: 40px 0;
180 }
181
182 #investment-options .tab-content .accordion-link {
183 display: flex;
184 justify-content: space-between;
185 align-items: center;
186 margin-bottom: 10px;
187 padding: 10px 15px;
188 background-color: #f5f5f5;
189 border-radius: 3px;
190 border: 1px solid #ddd;
191 color: #333;
192 }
193
194 #investment-options .doc-container .card .table tr {
195 display: flex;
196 flex-wrap: wrap;
197 }
198
199 #investment-options .doc-container .card .table tr td {
200 width: 100% !important;
201 border-bottom: 1px solid #eee;
202 }
203 }
204
205 @media (min-width: 768px){
206 #investment-options .investment-p-bar {
207 display: table-cell !important;
208 }
209 }
210 </style>
211
212 <div id="investment-options">
213 <div class="container">
214 <div class="col a-g-tabs">
215 <div id="accordion" class="responsive-investment-options">
216 <ul class="nav nav-tabs d-none d-md-flex mb-5 mt-5">
217 <#if entry?has_content>
218 <#assign assetRenderer=entry.getAssetRenderer()
219 optionNameField=assetRenderer.getArticle().getDDMStructure().getDDMFormField("optionName")
220 options=optionNameField.getDDMFormFieldOptions().getOptionsValues() />
221 <#if options?has_content>
222 <#list options as option>
223 <#assign active_class_css="" />
224 <#if option?index==0>
225 <#assign active_class_css=" active" />
226 </#if>
227 <li class="nav-item">
228 <a class="nav-link${active_class_css} tab-show"
229 href="#s-s-${option?index}">${option}</a>
230 </li>
231 </#list>
232 </#if>
233 </#if>
234 </ul>
235
236 <div class="tab-content main-container">
237 <#if options?has_content>
238 <#list options as option>
239 <a class="accordion-link d-md-none tab-show" data-toggle="collapse"
240 data-target="#s-s-${option?index}" aria-expanded="true">
241 <div class="brt-link-name">${option}</div>
242 <div class="icon-caret-down"></div>
243 </a>
244 <div class="collapse doc-container tab-pane" id="s-s-${option?index}">
245 <#if option!="Investment Options Summary">
246 <div class="row" id="investment-options-data">
247 <div class="col">
248 <div class="document-switcher-cntr">
249 <div class="row" id="accordion">
250 <div id="document-switcher-sidenav"
251 class="col-sm-12 col-md-12 col-lg-3">
252 <div class="nav-pills-header">
253 <span>${option}</span>
254 </div>
255 <ul class="nav nav-pills nav-tabs">
256 <#if entries?has_content>
257 <#list entries as curEntry>
258 <#assign assetRenderer=curEntry.getAssetRenderer()
259 content=saxReaderUtil.read(assetRenderer.getArticle().getContent()) />
260 <#assign currentOptionName=content.valueOf("//dynamic-element[@name='optionName']/dynamic-content") />
261 <#if currentOptionName==option>
262 <#assign level1=content.selectSingleNode("//dynamic-element[@name='level1DocumentTitle']")
263 level1documentTitle=level1.selectSingleNode("dynamic-content").getText()
264 level1documentURLJson=level1.selectSingleNode("dynamic-element[@name='level1Document']/dynamic-content").getData() />
265 <#assign
266 level1documentTitleLower=level1documentTitle?replace("[^a-zA-Z0-9]", "", "r" )?replace(' ', '-')?lower_case />
267 <#if level1documentURLJson !="">
268 <#assign groupId1=jsonFactoryUtil.createJSONObject(level1documentURLJson).getString("groupId")
269 uuid1=jsonFactoryUtil.createJSONObject(level1documentURLJson).getString("uuid")
270 documentURL1=themeDisplay.getPortalURL()+"/documents/"+groupId1+"/"+uuid1 />
271 <li class="presentation d-none d-md-block">
272 <a id="${curEntry?index}-${option?index}-link"
273 href="#level_1_document_${level1documentTitleLower}_${curEntry?index}_${option?index}"
274 class="doc-item tab-show has-content tab-pane">
275 <span class="span-text">${level1documentTitle}</span>
276 <i class="icon-chevron-right right-icon"></i>
277 </a>
278 </li>
279 <li class="presentation d-md-none d-block">
280 <a id="${curEntry?index}-${option?index}-link"
281 href="${documentURL1}"
282 target="_blank"
283 class="doc-item has-content">
284 <span class="span-text">${level1documentTitle}</span>
285 <i class="icon-chevron-right right-icon"></i>
286 </a>
287 </li>
288 <#else>
289 <li class="presentation">
290 <a class="doc-item collapsed first-level-doc" data-toggle="collapse" href="#level1-${curEntry?index}-${option?index}" aria-expanded="false">
291 <span class="span-text">${level1documentTitle}</span>
292 <i class="icon-chevron-right right-icon"></i>
293 </a>
294 <ul id="level1-${curEntry?index}-${option?index}" class="first-level nav collapse">
295 <#assign level2DocumentTitles=level1.selectNodes("dynamic-element[@name='level2DocumentTitle']") />
296 <#if level2DocumentTitles?has_content>
297 <#list level2DocumentTitles as level2Document>
298 <#assign level2documentTitle=level2Document.selectSingleNode("dynamic-content").getText()
299 level2documentTitleLower=level2documentTitle?replace("[^a-zA-Z0-9]", "", "r")?replace(' ', '-')?lower_case
300 level2documentURLJson=level2Document.valueOf("dynamic-element[@name='level2Document']/dynamic-content") />
301 <#if level2documentURLJson !="">
302 <#assign groupId2=jsonFactoryUtil.createJSONObject(level2documentURLJson).getString("groupId")
303 uuid2=jsonFactoryUtil.createJSONObject(level2documentURLJson).getString("uuid")
304 documentURL2=themeDisplay.getPortalURL()+"/documents/"+groupId2+"/"+uuid2 />
305 <li class="presentation d-none d-md-block">
306 <a id="level_2_document_${level2documentTitleLower}_${curEntry?index}_${level2Document?index}-link"
307 href="#level_2_document_${level2documentTitleLower}_${curEntry?index}_${level2Document?index}"
308 class="doc-selection tab-show doc-item has-content tab-pane">
309 <span class="span-text">${level2documentTitle}</span>
310 <i class="icon-chevron-right"></i>
311 </a>
312 </li>
313 <li class="presentation d-md-none d-block">
314 <a id="${curEntry?index}-${level2Document?index}-link" href="${documentURL2}" target="_blank" class="doc-item has-content">
315 <span class="span-text">${level2documentTitle}</span>
316 <i class="icon-chevron-right"></i>
317 </a>
318 </li>
319 <#else>
320 <li class="presentation">
321 <a class="doc-item collapsed" data-toggle="collapse"
322 href="#level_2_${level1documentTitleLower}_${curEntry?index}_${level2Document?index}"
323 aria-expanded="false">
324 <span class="span-text">${level2documentTitle}</span>
325 <i class="icon-chevron-right"></i>
326 </a>
327 <ul id="level_2_${level1documentTitleLower}_${curEntry?index}_${level2Document?index}"
328 class="second-level nav collapse">
329 <#assign level3DocumentTitles=level2Document.selectNodes("dynamic-element[@name='level3DocumentTitle']") />
330 <#if level3DocumentTitles?has_content>
331 <#list level3DocumentTitles as level3Document>
332 <#assign level3documentTitle=level3Document.selectSingleNode("dynamic-content").getText()
333 level3documentTitleLower=level3documentTitle?replace("[^a-zA-Z0-9]", "", "r")?replace(' ', '-')?lower_case
334 level3documentURLJson=level3Document.valueOf("dynamic-element[@name='level3Document']/dynamic-content") />
335 <#if level3documentURLJson !=''>
336 <#assign groupId3=jsonFactoryUtil.createJSONObject(level3documentURLJson).getString("groupId")
337 uuid3=jsonFactoryUtil.createJSONObject(level3documentURLJson).getString("uuid")
338 documentURL3=themeDisplay.getPortalURL()+"/documents/"+groupId3+"/"+uuid3 />
339 <li class="presentation d-none d-md-block">
340 <a id="level_3_document_${level3documentTitleLower}_${curEntry?index}_${level3Document?index}-link"
341 href="#level_3_document_${level3documentTitleLower}_${curEntry?index}_${level3Document?index}"
342 class="tab-pane doc-selection tab-show doc-item has-content">
343 <span class="span-text">${level3documentTitle}</span>
344 <i class="icon-chevron-right"></i>
345 </a>
346 </li>
347 <li class="presentation d-md-none d-block">
348 <a id="${curEntry?index}-${level3Document?index}-link" href="${documentURL3}"
349 target="_blank" class="doc-item has-content">
350 <span class="span-text">${level3documentTitle}</span>
351 <i class="icon-chevron-right"></i>
352 </a>
353 </li>
354 </#if>
355 </#list>
356 </#if>
357 </ul>
358 </li>
359 </#if>
360 </#list>
361 </#if>
362 </ul>
363 </li>
364 </#if>
365 </#if>
366 </#list>
367 </#if>
368 </ul>
369 </div>
370
371 <div id="document-switcher-view"
372 class="tab-content tab-content-view col-sm-12 col-md-8 col-lg-9 d-none d-lg-block">
373 <#list entries as curEntry>
374 <#assign assetRenderer=curEntry.getAssetRenderer()
375 content=saxReaderUtil.read(assetRenderer.getArticle().getContent()) />
376 <#assign currentOptionName=content.valueOf("//dynamic-element[@name='optionName']/dynamic-content") />
377 <#if currentOptionName==option>
378 <#assign level1=content.selectSingleNode("//dynamic-element[@name='level1DocumentTitle']")
379 level1documentTitle=level1.selectSingleNode("dynamic-content").getText()
380 level1documentURLJson=level1.selectSingleNode("dynamic-element[@name='level1Document']/dynamic-content").getData() />
381 <#assign level1documentTitleLower=level1documentTitle?replace("[^a-zA-Z0-9]", "", "r" )?replace(' ', '-')?lower_case />
382 <#if level1documentURLJson !="">
383 <#assign groupId1=jsonFactoryUtil.createJSONObject(level1documentURLJson).getString("groupId")
384 uuid1=jsonFactoryUtil.createJSONObject(level1documentURLJson).getString("uuid")
385 documentURL1=themeDisplay.getPortalURL()+"/documents/"+groupId1+"/"+uuid1 />
386 <div id="level_1_document_${level1documentTitleLower}_${curEntry?index}_${option?index}" class="tab-pane">
387 <div class="nav-pills-header text-bold">
388 <span> ${level1documentTitle}</span>
389 </div>
390 <div class="pdf-container">
391 <iframe src="${documentURL1}"></iframe>
392 </div>
393 </div>
394 <#else>
395 <#assign level2DocumentTitles=level1.selectNodes("dynamic-element[@name='level2DocumentTitle']") />
396 <#if level2DocumentTitles?has_content>
397 <#list level2DocumentTitles as level2Document>
398 <#assign level2documentTitle=level2Document.selectSingleNode("dynamic-content").getText()
399 level2documentTitleLower=level2documentTitle?replace("[^a-zA-Z0-9]", "", "r" )?replace(' ', '-')?lower_case
400 level2documentURLJson=level2Document.valueOf("dynamic-element[@name='level2Document']/dynamic-content") />
401 <#if level2documentURLJson !="">
402 <#assign groupId2=jsonFactoryUtil.createJSONObject(level2documentURLJson).getString("groupId")
403 uuid2=jsonFactoryUtil.createJSONObject(level2documentURLJson).getString("uuid")
404 documentURL2=themeDisplay.getPortalURL()+"/documents/"+groupId2+"/"+uuid2 />
405 <div id="level_2_document_${level2documentTitleLower}_${curEntry?index}_${level2Document?index}"
406 class="tab-pane">
407 <div class="nav-pills-header text-bold">
408 <span>${level2documentTitle}</span>
409 </div>
410 <div class="pdf-container">
411 <iframe src="${documentURL2}"></iframe>
412 </div>
413 </div>
414 <#else>
415 <#assign level3DocumentTitles=level2Document.selectNodes("dynamic-element[@name='level3DocumentTitle']") />
416 <#if level3DocumentTitles?has_content>
417 <#list level3DocumentTitles as level3Document>
418 <#assign level3documentTitle=level3Document.selectSingleNode("dynamic-content").getText() />
419 <#assign level3documentTitleLower=level3documentTitle?replace("[^a-zA-Z0-9]", "", "r")?replace(' ', '-')?lower_case />
420 <#assign level3documentURLJson=level3Document.valueOf("dynamic-element[@name='level3Document']/dynamic-content") />
421 <#if level3documentURLJson !=''>
422 <#assign groupId3=jsonFactoryUtil.createJSONObject(level3documentURLJson).getString("groupId")
423 uuid3=jsonFactoryUtil.createJSONObject(level3documentURLJson).getString("uuid")
424 documentURL3=themeDisplay.getPortalURL()+"/documents/"+groupId3+"/"+uuid3 />
425 <div id="level_3_document_${level3documentTitleLower}_${curEntry?index}_${level3Document?index}" class="tab-pane">
426 <div class="nav-pills-header text-bold">
427 <span>${level3documentTitle}</span>
428 </div>
429 <div class="pdf-container">
430 <iframe src="${documentURL3}"></iframe>
431 </div>
432 </div>
433 </#if>
434 </#list>
435 </#if>
436 </#if>
437 </#list>
438 </#if>
439 </#if>
440 </#if>
441 </#list>
442 </div>
443 </div>
444 </div>
445 </div>
446 </div>
447 <#else>
448 <#if entries?has_content>
449 <#list entries as curEntry>
450 <#assign assetRenderer=curEntry.getAssetRenderer()
451 content=saxReaderUtil.read(assetRenderer.getArticle().getContent()) />
452 <#assign currentOptionName=content.valueOf("//dynamic-element[@name='optionName']/dynamic-content") />
453 <#if currentOptionName==option>
454 <div class="row mr-md-4 ml-md-4">
455 <#assign features=content.selectNodes("//dynamic-element[@name='featureTitle']") />
456 <#if features?has_content>
457 <#list features as feature>
458 <#assign featureTitle=feature.selectSingleNode("dynamic-content").getText() />
459 <#assign imageJSON=feature.selectSingleNode("dynamic-element[@name='image']/dynamic-content").getData() />
460 <#if imageJSON?has_content>
461 <#assign groupId=imageJSON?eval.groupId
462 uuid=imageJSON?eval.uuid
463 imageUrl=themeDisplay.getPortalURL()+"/documents/"+groupId+"/"+uuid />
464 <#else>
465 <#assign imageUrl="" />
466 </#if>
467 <#assign featureDescription=feature.valueOf("dynamic-element[@name='featureDescription']/dynamic-content") />
468 <div class="col-md-4 mt-3 mb-3">
469 <img class="float-left" src="${imageUrl}" width="50px" height="50px" alt="img-${feature?index}">
470 <div class="overflow-hidden pl-2 pr-2">
471 <h3>${featureTitle}</h3>
472 <p>${featureDescription}</p>
473 </div>
474 </div>
475 </#list>
476 </#if>
477 </div>
478 <div class="row mt-7">
479 <div class="col-md-3 d-md-block d-none">
480 <nav class="nav-sidebar">
481 <ul class="nav">
482 <#assign cards=content.selectNodes("//dynamic-element[@name='cardTitle']") />
483 <#if cards?has_content>
484 <#list cards as card>
485 <#assign cardTitle=card.selectSingleNode("dynamic-content").getText() />
486 <li><a class="card-name" href="#card-${card?index}">${cardTitle}
487 <span class="icon-chevron-right right-icon"></span></a>
488 </li>
489 </#list>
490 </#if>
491 </ul>
492 </nav>
493 </div>
494 <div class="col-md-9">
495 <#assign cards=content.selectNodes("//dynamic-element[@name='cardTitle']") />
496 <#if cards?has_content>
497 <#list cards as card>
498 <#assign cardTitle=card.selectSingleNode("dynamic-content").getText()
499 cardDescription=card.selectSingleNode("dynamic-element[@name='cardDescription']/dynamic-content").getData()
500 objectiveLabel=card.selectSingleNode("dynamic-element[@name='objectiveLabel']/dynamic-content").getData()
501 risk=card.selectSingleNode("dynamic-element[@name='riskLabel']")
502 riskLabel=risk.selectSingleNode("dynamic-content").getText()
503 riskValue=risk.selectSingleNode("dynamic-element[@name='riskValue']/dynamic-content").getData()
504 return=card.selectSingleNode("dynamic-element[@name='returnLabel']")
505 returnLabel=return.selectSingleNode("dynamic-content").getText()
506 returnValue=return.selectSingleNode("dynamic-element[@name='returnValue']/dynamic-content").getData() />
507 <div class="card p-3">
508 <br><h2 id="card-${card?index}" class="dark-blue">${cardTitle}</h2>
509 <p>${cardDescription}</p>
510 <br><br>
511 <table class="table mb-3">
512 <tbody>
513 <tr>
514 <td>${objectiveLabel}</td>
515 <td class="d-flex justify-content-between align-items-center d-block d-md-none">
516 <div class="progress">
517 <div style="width: ${riskValue};" class="progress-bar red"></div>
518 </div>
519 <div>${riskLabel}</div>
520 </td>
521 <td class="d-flex justify-content-between align-items-center d-block d-md-none">
522 <div class="progress">
523 <div style="width: ${returnValue};" class="progress-bar green"></div>
524 </div>
525 <div>${returnLabel}</div>
526 </td>
527 <td class="pull-right d-none d-md-block">${riskLabel}</td>
528 <td class="d-none d-md-block investment-p-bar">
529 <div class="progress">
530 <div style="width: ${riskValue};" class="progress-bar red"></div>
531 </div>
532 </td>
533 <td class="pull-right d-none d-md-block">${returnLabel}</td>
534 <td class="d-none d-md-block investment-p-bar">
535 <div class="progress">
536 <div style="width: ${returnValue};" class="progress-bar green"></div>
537 </div>
538 </td>
539 </tr>
540 </tbody>
541 </table>
542 </div>
543 </#list>
544 </#if>
545 </div>
546 </div>
547 </#if>
548 </#list>
549 </#if>
550 </#if>
551 </div>
552 </#list>
553 </#if>
554 </div>
555 </div>
556 </div>
557 </div>
558 </div>
559 </div>
560
561 <script>
562 $(document).ready(function () {
563 $(".doc-container").first().addClass("active");
564
565 $('.nav-pills').each(function () {
566 $(this).find('.doc-item').first().addClass('active');
567 $(this).find('.doc-item').first().removeClass('collapsed');
568 $(this).find(".first-level").first().removeClass('collapse');
569 });
570
571 $('.tab-content-view').each(function () {
572 $(this).find('.tab-pane').first().addClass('active');
573 });
574
575 $("ul.nav-tabs .tab-show").click(function (e) {
576 e.preventDefault();
577 $(this).tab('show');
578 });
579
580 $('.first-level-doc').click(function () {
581 $(this).closest(".doc-container").find(".first-level-doc").removeClass('active');
582 $(this).closest(".doc-container").find(".first-level").addClass('collapse');
583 $(this).closest(".doc-container").find(".first-level").removeClass('show');
584 $(this).addClass('active collapsed');
585 });
586
587 $('.has-content').click(function () {
588 $(this).closest(".doc-container").find(".tab-pane").removeClass('active');
589 $(this).closest(".doc-container").find(".has-content").removeClass('active');
590 $($(this).attr("href")).addClass("active");
591 $(this).addClass("active");
592 });
593 });
594
595 </script>