Such situation. There are two menu blocks. The first block works fine (the up and down buttons respond well to all points). But the second block of the button up and down responds only in the first paragraph. In the second (number 2 first block) does not want to work. Tell me what to do. Code:
https://jsfiddle.net/Tomak/r2hwg9rn/
function show(block) { var menu = document.getElementById(block) if(menu.style.display == '') menu.style.display = 'none' else menu.style.display = '' } $('#list ul li ').click(function(){ $('.hidding').eq($(this).index()).toggle().siblings('.hidding').hide() }); $(document).ready(function(){ $("#up").click(function(event) { $("#list").scrollTop($("#list").scrollTop()+10); }); $("#down").click(function(event) { $("#list").scrollTop($("#list").scrollTop()-10); }); $(".up-submenu").click(function(event) { $(".list-submenu").scrollTop( $(".list-submenu").scrollTop()+10); }); $(".down-submenu").click(function(event) { $(".list-submenu").scrollTop( $(".list-submenu").scrollTop()-10); }); }); 
