jQuery .show（）无法正常工作。隐藏好，但不显示

Question

所以我有了这个，在用户单击.item_list它显示了应该执行的操作，如果他们单击.upload_items li ，则它什么也不会做。 我对为什么感到迷茫。 这是更多细节的小提琴。 太多的HTML不能在这里发布

  $('.upload_items').hide(); 
  $('.item-list').click(function() {        
    $(".upload_items").slideDown();    
    $('#node_project_form_group_document').show();
    $('#edit-field-video').hide();
    $('#edit-field-images-upload').hide();
  });
  $('.upload_items').children('li').eq(1).click(function () {
    $('#node_project_form_group_document').show();
  });

Answer 1

哇，看起来很陈旧。 尝试使用CSS代替.children（'li'）。eq（1）。

$(".upload_items li:nth-of-type(1)").click();

Answer 2

好的-您在小提琴中提供的html确实过多，因此，我没有做完整的事情，而是使用jQuery的toggle()函数创建了一个非常简单的示例来显示/隐藏部分，在这种情况下，我会建议使用该示例自动检测目标元素的当前可见状态。 示例： http ： //jsfiddle.net/Lv1wwfp2/2/

<body>
    <ul>
        <li class="clickable" data-id="1">Group 1</li>
        <li class="clickable" data-id="2">Group 2</li>
        <li class="clickable" data-id="3">Group 3</li>
    </ul>
    <div id="Group1">Group 1</div>
    <div id="Group2">Group 2</div>
    <div id="Group3">Group 3</div>
    <script>
        $(document).ready(function () {
            $("div").hide();
            $(".clickable").click(function () {
                var id = $(this).data("id");
                $("#Group" + id).toggle();

            });
        });
    </script>
</body>

jQuery .show（）无法正常工作。隐藏好，但不显示

问题描述

2 个解决方案

解决方案1
1 2014-10-24 19:53:26

解决方案2
1 已采纳 2014-10-24 20:24:20

jQuery .show（）无法正常工作。 隐藏好，但不显示

问题描述

2 个解决方案

解决方案1 1 2014-10-24 19:53:26

解决方案2 1 已采纳 2014-10-24 20:24:20

jQuery .show（）无法正常工作。隐藏好，但不显示

解决方案1
1 2014-10-24 19:53:26

解决方案2
1 已采纳 2014-10-24 20:24:20