Javascript jQuery滑动切换到另一个div

我有jQuery代码：

$（函数（）{
$（'li'）。在（'click'，函数（e）上
{
e、 停止传播（）；
e、 预防默认值（）；
警报（$（“a”，this）.data（'number'）；
$（this）.parent（）.find（'#screen1'）.slideToggle（）；
});
});

xyz









李不需要默认值，我不认为，但你在寻找这样的东西吗

$(function() {
      $('li').on('click', function(e) {
           var screenNum = $(this).find('a').data('number'));
           $(this).parent().find('#screen' + screenNum).slideToggle();
       });
});

您好，我假设您希望根据用户选择的数字显示不同的图像。我创建了一个plunk，让你看看如何做到这一点

$（函数（）{
$（'li'）。在（'click'，函数（e）上
{var number=$（“a”，this）.data（'number'）；
$（“#屏幕”+数字）.slideDown（）；
对于（var i=0；i<$（“#imageContainer>*”）。长度；i++）
{
如果（i！=编号）
$（'#屏幕'+i）.slideUp（）；
}
});
});
请详细说明“从这个分区跳到另一个分区”以及您的意思。
 $(function() {
  $('li').on('click', function(e)
   {var number=$("a",this).data('number');
       $('#screen'+number).slideDown();
       for(var i=0; i< $("#imageContainer > *").length;i++)
       {
         if(i != number)
         $('#screen'+i).slideUp();
       }
   });
 });