как показать следующий элемент списка в неупорядоченном списке

-1

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

меню 1

меню 2

меню 3

меню →

Когда я нажимаю на последний li, содержащий стрелку, следующие li должны появляться один за другим. Меню

1 → Меню 1 Меню 2 → Меню 1 Меню 2 Меню 3 → мой JQuery треска:

$(document).ready(function(){ 
    $('.nav li:first, .nav li:last').css('display','inline-block'); 
    $('.nav .arrow').click(function(){ 
    var current = $('.nav li').first(); 
    if($(current).is(':visible')){ 
     current.next().css('display','inline-block'); 
    } 
    }); 
});

источник

2014-02-19 zaib

$(document).ready(function(){ 
    $('.nav li:last').css('display','inline-block'); 
    $('.nav .arrow').click(function(){ 
     $(this).prevAll("ul li").css("display", "inline-block"); 
    }); 
});

JS Fiddle:http://jsfiddle.net/6BU4E/1/

источник

2014-02-19 10:11:15

Я создал образец кода для этого

<script> 
    $(document).ready(function() { 
     $("#arrow").click(function() { 
      var count = $(".menuList").length; 
      var newItem = $('<li/>', { "class": "menuList", html: "menu" + count + 1 }); 
      $("#menu").append(newItem); 

     }); 
    }); 


</script> 

<body> 
<ul id="menu"> 
    <li class="menuList">menu1</li> 
</ul> 
<span id="arrow">-></span> 
</body>

источник

2014-02-19 10:13:20

как показать следующий элемент списка в неупорядоченном списке

ответ

Смежные вопросы