Teaser implementation with multiple campaign path in AEM 5.6

[Manjunath_DJ]

I am trying to customize teaser.jsp which can read multiple campaign path from page property instead of single campaign path. can someone help me out in this

 JSONObject teaserInfo = targetedContentManager.getTeaserInfo(resourceResolver, campaignPath, location);

here am passing different campaignPath by looping length of campagin path which i get from page property.

 am able to pass the value of "allTeasers" to initializeTeaserLoader

 initializeTeaserLoader(<%=allTeasers%>, "<%=strategy%>", "<%=targetDivId%>", "<%=(WCMMode.fromRequest(request) == WCMMode.EDIT)%>", "<%=trackingURLStr%>", "<%=resource.getPath()%>");

but wen am loding a page with teaser and teaser's component is loading but with embeded style "display:none"

in web -page console am getting following error:

1. Uncaught SyntaxError: Unexpected end of input jquery.js:564
   1. (anonymous function)jquery.js:564
   2. jQuery.extend.globalEvaljquery.js:565
   3. (anonymous function)jquery.js:5868
   4. jQuery.extend.eachjquery.js:611
   5. jQuery.fn.extend.domManipjquery.js:5853
   6. jQuery.fn.extend.appendjquery.js:5626
   7. showTeaserkernel.js:395
   8. handleTeaserkernel.js:419
   9. (anonymous function)kernel.js:465
   10. _g.$.ajax.completeshared.js:180
   11. firejquery.js:974
   12. self.fireWithjquery.js:1082
   13. donejquery.js:7665
   14. callback