JQuery FADE In / Out СОДЕРЖАНИЕ

Question

Мне нужна была небольшая помощь

Моя проблема в том, что мне нужна функция Fade in Fade out, которая повторяет мой Div Content примерно каждые 7 секунд. Появится контент 1, затем контент 2 исчезнет, ​​затем контент 3 исчезнет после того, как контент 2 исчезнет, ​​и он будет повторяться.

Я написал скрипт, но, похоже, он не работает должным образом. Что я делаю неправильно? Как я могу сделать это более эффективным? Любое руководство будет полезно.

HTML внутри UL, завернутый в LIs

<ul>
     <li class=”thecontent”> CONTENT 1</li>
     <li class=”thecontent”> CONTENT 2</li>
     <li class=”thecontent” > CONTENT 3</li>
     <li class=”thecontent” > CONTENT 4</li>
  <ul>

CSS

ul li.thecontent{ display:none;}

JQUERY

  $(document).load(function(){
     function fadeMyContent() {
     $(".content:hidden:first").fadeIn(700).delay(1000).fadeOut(700,
 function() {    $(this).appendTo($(this).parent());   
 fadeMyContent();    });
       }
     fadeMyContent();

Answer 1

Вот, пожалуйста.В вашем коде неправильное имя класса в селекторе, а также неправильные двойные кавычки, заключающие имена разметки в разметку.

Working demo

$(function(){
     function fadeMyContent() {

         $(".thecontent:first").fadeIn(700).delay(1000).fadeOut(700,
             function() {    
                     $(this).appendTo($(this).parent());   
                     fadeMyContent();    
             });
      }
     fadeMyContent();
});

Наценка

<ul>
     <li class='thecontent'> CONTENT 1</li>
     <li class='thecontent'> CONTENT 2</li>
     <li class='thecontent'> CONTENT 3</li>
     <li class='thecontent'> CONTENT 4</li>
<ul

Answer 2

к счастью, это то, над чем я сейчас работаю LOL

$(document).ready(function(){
    $('.clicked').click(function(){
        $(this).next('.nextSibling').toggle('slow');
    }); 
});

Answer 3

Вы называете правильный класс?

.content в коде jQuery и «thecontent» в разметке. Как именно это не работает должным образом? Таймер не работает, слишком быстро гаснет, ничего не показывает?