title: Liquid: use dynamic variable for aria-expanded attribute
body: <p>I have a liquid page with the tag . This is an element of the drop-down menu so it may expand. For that purpose, I want to add <code>aria-expanded</code> attribute.</p>
  <p>Scenario - user hovers the menu-item: <code>aria-expanded=true</code>, on blur <code>aria-expanded=false</code>. <code>aria-expanded</code> should be dynamic.</p>
  <p>My snippet:</p>
  <pre><code>&lt;li&gt;
    {% assign menuExpanded = false %}
    &lt;a class=&quot;ch-wp-menu-item-link&quot; 
      href=&quot;{{item.value}}&quot;
      onclick=&quot;return cityHiveMenuItemLinkClicked(event)&quot;
      onmouseover={% assign menuExpanded = true %}
      onblur=&quot;{{menuExpanded = false}}&quot;
      aria-expanded=&quot;{{menuExpanded}}&quot;&gt;
      My menu item
    &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  <p>The issue I faced is that I can't just use the <code>&lt;script&gt;</code> tag, create a variable there, and then use it in the template itself.</p>
  <p>What could be a solution here? Thank you!</p>