JQuery слайд для скрытого элемента

0 
$(function(){
    $('#twittercontent').hide();
});

$('#twitter').on('click', '.hvtext',function(){
    $('#twittercontent').slideUp('slow');
});

#twittercontent {
    background:rgba(255,0,0,1);
    width:320px;
    height:310px;
    display:block;
    z-index:205;
    position:absolute;
    top:5em;
    left:20em;
}

Div "twittercontent" - это div, который вызывается при нажатии ".hvtext". Он скрыт, пока не щелкнут, и когда он называется, я хочу, чтобы он скользил вверх.

.slideDown работает, но.slideUp этого не делает. Я бы предпочел, чтобы он скользил вверх, есть ли причина, почему.slideUp не работает в этом случае?

  • 0
    сдвиг вверх используется, чтобы скрыть элемент, не отображая его
  • 2
    так как контент уже скрыт, он ничего не сделает ....
Показать ещё 1 комментарий
Теги:

1 ответ

1
Лучший ответ

В дополнение к комментарию Аруна П. Джонни, вы должны решить, чего вы пытаетесь достичь с помощью этого

JS работает с элементами DOM, поэтому он может выполнять только стилирование на основе CSS таким образом, который способствует принципам HTML (IE не скрывает скрытый элемент)

JSFiddle

Я сделал JSFiddle для вас

Я действительно не понимаю, что вы пытаетесь сделать, но я думаю, вы могли бы использовать функцию SlideToggle, например:

$('#twitter').on('click', '.hvtext',function(){
    $('#twittercontent').slideToggle('slow');
});
Поделиться
  • 0
    извини, мне следовало быть более ясным. У меня есть нижняя навигация, и событие щелчка будет иметь этот скрытый элемент «скользить вверх» и покрывать страницу. Мне просто было интересно, возможно ли это (я понимаю ограничения slideUp), я надеялся, что существует «визуальная» альтернатива.
  • 0
    Итак, когда вы упоминаете «покрыть страницу», делая это «наложение»?
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню