не могу заставить слайдшоп работать

Question

не могу заставить слайдшоп работать

0

Примечание. Я искал в Интернете и пытался реализовать несколько разных кодов, и ничего не работает. Код ниже - это код, который сейчас находится на тестовой странице.

У меня есть следующий код. У меня была какая-то работа, или какой-то другой, но случайно удалил мой код, и теперь я не могу заставить работать.

У меня есть скрытый div в верхней части страницы. Мне нужно иметь ссылку, которую я могу разместить в любом месте, где будет отображаться этот div. Мне нужна приятная анимация, поэтому я использовал slidetoggle. У меня был slidetoggle, работающий некоторое время назад с другим кодом, но я потерял код, и теперь ничего, что я делаю, не работает.

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$('.Hdiv_Top').click(function(){
    $("#HiddenDiv_Top").slideToggle();
    return false;
});
</script>

<style>
#HiddenDiv_Top {
    display:none;
}
#HiddenDiv_Top:target {
    display:block;
}
</style>
<div id="HiddenDiv_Top" style="height: 150px; background: #FF9; color: #000; border-bottom: 2px solid #000; width: 100%;"> bla bla bla </div>

<ul>
<li ><a href="javascript:void(0)" class="Hdiv_Top" >Directions</a></li>
</ul>

kdjernigan 28 нояб. 2013, в 03:01

Источник

Теги:

javascript

jquery

css

2 ответа

2

Вы забыли дождаться загрузки всей страницы до запуска сценария jQuery. На странице не отображается элемент, соответствующий загруженному классу.

http://jsfiddle.net/T4SCW/

$(function () {
    $('.Hdiv_Top').click(function () {
        $("#HiddenDiv_Top").slideToggle();
        return false;
    });
});

Ming 27 нояб. 2013, в 23:13

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-11-27T23-06-00.000Z

Ваш код должен быть в обработчике документов, потому что, когда ваши скрипты выполнены, элемент Hdiv_Top еще не загружен в dom

jQuery(function($){
    $('.Hdiv_Top').click(function(){
        $("#HiddenDiv_Top").stop(true, true).slideToggle();
        return false;
    });
})

благодарю вас. У меня было чувство, что это будет что-то столь же простое, как то, что я делаю неправильно. Кажется, это сработало. Я приму ваш ответ, как только позволит время.