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