Dropdown menu semantyka?

Question

Witam, chcialem zeby po kliknięciu w przycisk pojawiała się navigacja, w css zrobiłbym to poprzez dodanie przyciskowi position: relative, a samej navigacji position: absolute, żeby navigacja pojawiała się zawsze pod przyciskiem. Moje pytanie brzmi jak to zrobić w HTML żeby zachować semantyke.. 

 

<button> Kliknij Tutaj               

<nav>
  [tutaj kod do navigacji]
</nav>

 </button>

W kodzie podanym powyżej mam możliwość korzystania z position: absolute bo button jest rodzicem nav, ale czy to jest dobrze zrobione jezeli w przycisku umieszcze caly kod navigacji? 

Answer 1

<nav>

...

<button>...</button>

<ul> 

<li> 

<a> 

....

</nav>

 

Comments

Jak dzięki temu będę miał możliwość operowania position: absolute, relative. Mógłbyś przykład zastosowania zrobić w codepenie?
http://codepen.io/FoxCode/pen/JRbRPV

Answer 2

Polecam zobaczyć jak działa collapse w Bootstrapie, bo akurat to mają nawet dobrze ;) Chodzi mi tutaj zwłaszcza o ARIA.

Comments

Chodzi mi tutaj o to, żeby http://codepen.io/FoxCode/pen/vXyXjy
ten "drop-navigation" był pod buttonem niezależnie od tego gdzie ten button się znajduje (position absolute; bottom:0;) (te <p> to tylko przykład, w oryginalne użyje listy)

---

No to wspólny rodzic z position: relative + menu na position: absolute.