Overlap value of styles passed dynamically

I'm using jquery superfish to do some optimizations on a menu. This plugin passes the value display:none or block to the element sub-menu

Like this:

<ul class="sub-menu" style="display:none"> </ul>

What I would like to do now is to javascript override the value of this display at a specific level in that menu. Specifically at level 3.

.nav ul li ul.sub-menu li .ul.sub-menu2 li ul.sub-menu3{}

So:

<ul class="sub-menu" style="display:none"> <ul class="sub-menu2" style="display:none"> <ul class="sub-menu3" style="display:none"> </ul> </ul> </ul>

I want to replace none with inline-block in sub-menu3

DEMO: link