HOWTO: Avoid this error "Illegal nesting: content can't be both given on the same line as %div and nested within it."

[explainer]

I have the following html snippet I wish to translate to haml:

<div id="person-template" style="display: none;">
<div class="person">
<p class="name"><b>Name:</b> </p>
<p class="nickname"><b>Nickname:</b> </p>
<p class="occupation"><b>Occupation:</b> </p>
<p class="rank"><b>Rank:</b> </p>
</div>
</div>

I have not been able to figure out how to code the '
style="display:none;" ', I keep getting the error listed in the
subject line above. What am I missing?

[Kit]

2012/2/2 explainer <kebu...@gmail.com>:

#person-template(style="display:none;")
.person
%p.name
%b Name
%p.nickname
%b Nickname
--
Kit

[tonyganch]

Your code should look like this:

#person-template{:style => "display: none"}

.person
%p.name
%b Name:
%p.nickname

%b Nickname:
%p.occupation
%b Occupation:
%p.rank
%b Rank: