$(document).ready(function(){
$('.language .head').click(function() {
$(this).closest('.language').find('ul').stop().slideToggle();
});
});
<div class="language">
<span class="head">Ru</span>
<ul>
<li><a href="http://exemple.com/">Ru</a></li>
<li><a href="http://exemple.com/en/">En</a></li>
</ul>
</div>
.language {
display: inline-block;
position: relative;
}
content: '';
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: transparent;
border-top-style: solid;
border-top-width: 5px;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom: none;
border-top: 5px solid #FFF;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
}
.language .head {
padding: 5px 25px 5px 15px;
color: #FFF;
background: #000;
}
.language ul {
list-style-type: none;
padding: 0;
margin: 0;
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #000;
}
.language ul li a {
display: block;
color: #FFF;
padding: 5px 15px;
}
<div id='main'>div1</div>
<div>div2
<div>div21</div>
<div><span>div22</span></div>
<i>div23</i>
</div>
#main + div * { ... }
position: sticky
$anchor.addClass('active')
так и после выполнения прокрутки и удалить активный класс у остальных '<li> asdflsadjfl</li> '
добавьте в конце пробел, если он так не срабоатывает поставьете его через спецсимволы '<li> asdflsadjfl</li> '