Question

请帮助我，我很难用这个。我已经在google上搜索了这个，并且在stackoverflow中，但是我无法找到这个的具体答案。我希望你能帮助我。谢谢！

这是我的代码：

    $(document).ready(function() {
      $(".link").click(function() {    
        $(".hide").hide();
        var dataType = $(this).attr('data-type');
        $("#" + dataType).show();
    });
});

之前的div仍在显示。 :(我想隐藏它一旦点击链接并向下滚动到页面内的特定div。:(

Answer 1

由于你没有指明你的确切期望，这个可以帮助我猜测

$("div").hide();
          // Show chosen div, and hide all others
        $("a").click(function (e) 
        {
            //e.preventDefault();
            $("#" + $(this).attr("class")).show().siblings('div').hide();
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
    Click to make it visible:<br /><br />
<a href="#" class="one">One</a>
<a href="#" class="two">Two</a>
<a href="#" class="three">Three</a>
<a href="#" class="four">Four</a><br /><br />

    <div id="one">One</div>
    <div id="two">Two</div>
    <div id="three">Three</div>
    <div id="four">Four</div><br/><br/>




</body>

点击链接和显示Div然后隐藏上一个Div

1 个答案: