Question

http://jsfiddle.net/cEJtA/


$(function () {

    $(".div1, .div2").hide();
    
    $(".link1, .link2").bind("click", function () {

      $(".div1, .div2").hide();        
        
      if ($(this).attr("class") == "link1")
      {
        $(".div1").show();
      }
      else 
      { 
        $(".div2").show();
      }
    });

});

任何人都可以帮助提供此代码。

我希望有5个div可以根据所单击的链接来工作，因此有5个div可以显示/隐藏。

除了if / else语句以外，我可以做所有事情以获取更多div-请帮忙吗？

Answer 1

在我的脑海中，您可以在类上添加data属性，并使用该属性来切换目标div元素。

$(function () {

    $(".div1, .div2,.div4, .div3, .div5").hide();
    
    $("a").bind("click", function () {
       $(".div1, .div2,.div4, .div3, .div5").hide();
       var target = $(this).data("target");
       $("."+target).toggle();
    });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<body>

    <a href="#" class="link1" data-target="div1">Link 1</a>
    <a href="#" class="link2" data-target="div2">Link 2</a>
    <a href="#" class="link3" data-target="div3">Link 3</a>
    <a href="#" class="link4" data-target="div4">Link 4</a>
    <a href="#" class="link5" data-target="div5">Link 5</a>
    
    
    <div class="div1">I'm div1</div>
    <div class="div2">I'm div2</div>
    <div class="div3">I'm div3</div>
    <div class="div4">I'm div4</div>
    <div class="div5">I'm div5</div>
    
    
    
</body>
</html>

您还可以获取当前元素的类，对其进行解析并从中生成div类名称，然后使用该名称来显示/隐藏事物。例如 link1 => div1（用div替换链接）

Answer 2

尝试这种方式

curl --location --request GET 
 'https://developer.api.autodesk.com/bim360/admin/v1/projects/:projectid/users' \
 --header 'Region: EMEA' \
 --header 'Authorization: Bearer ....'

jQuery-隐藏一个Div并显示多个其他Div

2 个答案: