Я использую jquery slide toggle, чтобы показать/скрыть div, когда bttn нажал. Можно ли поместить div в КНОПКУ? (мне это нужно для неоспоримым в состоянии придерживаться навигации должным образом в верхней части страницы, которая предназначена для мобильных устройств.)Как показать/скрыть div одним нажатием кнопки
HTML-
<div class="medianavbttn">Show Menu</div>
<div class="medianav">
<ul id="medianav-links">
<li class="current"><a href="#section1">About</a></li>
<li><a href="#section2">Gallery Photos</a></li>
<li><a href="#section3">Contact</a></li>
</ul>
</div>
Сценарий
<script>
$(".medianavbttn").on("click", function(){
$(".medianav").slideToggle("slow");
$(this).text($(this).text() == "Show Menu" ? "Hide Menu" : "Show Menu");
});
</script>
CSS-
.medianavbttn {
position: relative;
display:block;
width: 100%;
height: 30px;
top: 0;
left: 0;
cursor: pointer;
}
.medianav {
position: relative;
display: none;
width: 100%;
}
Не могли бы вы уточнить, о * в кнопке *? Наверху кнопки достаточно? –
У вас нет кнопки в вашем HTML, вы нажимаете на DIV. У вас может быть один DIV внутри другого DIV. – Barmar
вы говорите, что хотите, чтобы они придерживались верхней части страницы, поэтому я думаю, что 'div' можно обернуть в другой 'div', чтобы было легче контролировать их как единицу. – GuiDocs