get inline js variable in jade

Question

script.
    var hide_section = 'block';
 .title(style='display:#{hide_section}')

I got undefined any idea why? is it because #{hide_section} is expecting variable send from the back? I mean controller.

Answer 1

script.
    var hide_section = 'block';
.title(style='display:#{hide_section}')

Expects the variable to be put at time of compilation ie in controller. Whereas by your definition its added to browser's javascript context. You can try following instead.

- var hide_section = "block";
.title(style='display:#{hide_section}')

It replaces the hide_section to give you following

<div style="display:block" class="title"></div>