slideDown работает, но когда я переключаюсь на slideUp, он перестает работать - PullRequest
Новая
       44

slideDown работает, но когда я переключаюсь на slideUp, он перестает работать

0 голосов
/ 07 мая 2019

У меня есть 2 маленьких деления, бок о бок в большем делении, дисплей flex. Я хочу, чтобы один из маленьких элементов div появлялся, скользя вверх, а другой - скользя вниз. Они оба работают нормально, когда скользят вниз, но когда я меняю один на слайд вверх, он не показывает div.

Я пробовал position: относительный, также в jQuery, используя функции hide () и show () вместо просто display: none в моем css. Но я знаю, что дисплей: ни один в css не работает нормально при скольжении вниз, поэтому я просто не понимаю! 

   <div class="nousEtMission">
        <div id="quiSommesNous"> TEST 1
        </div>
        <div id="mission"> TEST 2
        </div>
    </div>

<script>

        $(document).ready(function () {
        $("#header").fadeIn(1500);
        $("#quiSommesNous").slideUp(3000);
        $("#mission").slideDown(3000);
</script>

.nousEtMission{
    display: flex;
    justify-content: space-evenly;
    height: 30vh;
}

#quiSommesNous{
    display: none;
    position: relative;
    background-color: rgb(123, 216, 35);
    width: 50%;
}

#mission{
    display: none;
    position: relative;
    background-color: rgb(26, 207, 132);
    width: 50%;
}
...