Emmett bug? And zurb foundation, need help.

Guys so I have a problem getting my accordion data-tab panels to work after generating code with emmett and editing the tags that need to be included in the elements. Please see the http://jsfiddle.net/r073fpx5/1/ notice that the data-tab part under the accordion is not working and I can't see why. The code that I hand wrote works fine it just seem like with emmett there is some bug or something? Here is the emmett code used to generate most of the code.:

dl.accordion.accorborder>dd{accordion-navigation}>a#p$+#p$.content>.row>.small-6.columns>h6{code:}^.small-6.columns>h6{Course Materials:}+ul>li>a{Syllabus}^li>a{Course Contract}^li>a{White Board}^^^^p+dl.tabs{data-tab}>dd.active>a#p$ax{Study Sheets}^dd>a#p$bx{Study Sheets Answer Keys}^dd>a#p$cx{Graded Assignments}^dd>a#p1dx{Graded Assignment Answer Keys}^^.tabs-content>.content.active#p$a>ul.ss>(li>a{Study Sheet Unit $})*5^^.content#p$b>ul.ss>(li>a{Study Sheet Unit $})*5^^.content#p$c>ul.ss>(li>a{Study Sheet Unit $})*5^^.content#p$d>ul.ss>(li>a{Study Sheet Unit $})*5