Forum Discussion

maxwelldhsu's avatar
maxwelldhsu
Guide
8 years ago
Solved

Dynamic navigation menu and next steps

I'm trying to create a dynamic menu based on categories. The categories will serve as main topics, which you can then click into to show the blog articles.    First step, I know I need to use a RES...
TariqHussain's avatar
TariqHussain
Boss
8 years ago
Copy Link

maxwelldhsu - Yes, you will need to use JQuery to perform the show and hide function.  Suggestion regarding your code,  you can use API V2 in the place of API V1, it will save you multiples calls. e.g 

API V1

<#assign blog = rest("boards/id/videos/topics").node_message_context />
<ul>
<#list blog.message as article>
<#assign articleBody = rest("/messages/id/${article.id}/body").value />
<li>
  <a href="${article.@view_href}">${article.subject}</a>
  <p class="article-body">${articleBody}</p>
</li>

</#list>
</ul>

API V2

 

<#assign blog = rest("2.0", "/search?q=" + "select id,view_href,subject,body from messages where board.id = 'videos' and depth = 0"?url).data.items![] />
<ul>
<#list blog as article>
<li>
  <a href="${article.view_href}">${article.subject}</a> 
  <p class="article-body">${article.body}</p>
</li>

</#list>
</ul>

You can toggle the article-body by using jQuery and set it hidden on the page load.