Метад slideToggle у jQuery
Наступны метад -
slideToggle
працуе так: калі элемент схаваны - паказвае
яго, а калі паказаны - схавае. Зручнасць
гэтага метаду ў тым, што гэта ўсё можна павесіць
на адну кнопку, а не на дзве, як гэта было ў
папярэдніх уроках.
Давайце разгледзім наступны прыклад. Хай наш HTML код выглядае так:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Таксама ёсць CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Цяпер напішам код, каб па націску на адну кнопку элемент то схаваўся, то паказваўся:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
