Я могу'Кажется, я не могу понять, как раскрыть скрытый контент снизу вверх, а не сверху вниз. Я'мы выполнили некоторую домашнюю работу и наткнулись на решение из jQuery UI, но, должно быть, неправильно его реализуем. Любая помощь приветствуется - новичок в написании сценариев.

ура!

Вот'что яя работаю с

сценарий:

$(document).ready(function() {
  $('#clientsOpen').click(function() {
     $('#clientsDropDown #clientsDashboard').slideToggle({ direction: "up" }, 300);
 $(this).toggleClass('clientsClose'); 
  }); // end click
});

разметка:

    <p id="clientsCTA">Let's make something beautiful together...<br><a href="mailto:[email protected]">[email protected]</a></p>

<p id="clientsOpen">clients</p>

Стиль:

#clientsDropDown {
    bottom:0;
width: 100%;
padding-bottom:2%;
z-index: 100;
}

#clientsOpen {
background: url("images/open.png") no-repeat scroll 68px 10px #414142;
color: #ececec;
cursor: pointer;
float: left;
font-size: 26px;
margin: -2px 0 0 10%;
padding: 0 15px 2px;
text-decoration: none;
width: 63px;
}

#clientsCTA {
background:#414142;
width:100%;
color: #CCCCCC;
text-align:center;
font-size: 46px;
margin: 0;
padding: 30px 0;
text-decoration: none;

}

#clientsDropDown .clientsClose {
background-image: url(images/close.png);
}

#clientsDropDown #clientsDashboard {
display: none;  
}