Question

当我点击标题时，我需要显示/隐藏一些文本部分。到目前为止，我只是设法一次显示或隐藏它们，但不是单独显示（即点击标题1，隐藏文本第1节等）。我该怎么做？

这就是我所拥有的：

viewer.disableHighlight(true);                          viewer.addEventListener(Autodesk.Viewing.SELECTION_CHANGED_EVENT, onSelectionChanged);
viewer.setLightPreset(2);
viewer.setEnvMapBackground(false);
viewer.setQualityLevel(true, true);
viewer.setGroundShadow(false);
viewer.setGroundReflection(false);
viewer.setProgressiveRendering(true);
viewer.setDisplayEdges(false);
viewer.setOptimizeNavigation(true);

Answer 1

您需要使用this来引用要点击的元素。所以在您的情况下$(this).next('.text').toggle();：

jQuery(document).ready(function() {
  $('.title').click(function() {
    $(this).next('.text').toggle();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="title"><a href="#">Section 1</a>
</div>

<div class="text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</div>

<div class="title"><a href="#">Section 2</a>
</div>

<div class="text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</div>

<div class="title"><a href="#">Section 3</a>
</div>

<div class="text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</div>

</div>

JavaScript：点击时显示/隐藏元素

1 个答案: