2017-01-09 2 views
-5

Пожалуйста, помогите мне, мне сложно с этим справиться. Я уже искал этот файл в google и здесь, в stackoverflow, но я не смог найти конкретный ответ на этот вопрос. Я надеюсь, что вы можете мне помочь. Благодаря!Нажмите ссылку и покажите Div, затем скройте предыдущее Div

Вот мой код:

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

Предыдущий ДИВ все еще показывает. :(Я хочу, чтобы скрыть его раз нажал на ссылку и прокрутите вниз до конкретного DIV внутри страницы. :(

+1

Можете ли вы поделиться тем, что вы пробовали, некоторая информация о том, что не работает, и где вы застряли? текущий вопрос слишком неясными, чтобы получить достойный ответ здесь, на StackOverflow. – JanR

+0

Если вы просто использовать javascript, вы можете следить за ответом - http://stackoverflow.com/questions/6242976/javascri pt-hide-show-element – user3205761

ответ

0

Поскольку вы не указали, что ваше точное ожидание, это можно было бы помочь, я думаю

$("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>

+0

Привет. Благодаря этому. : D, что я хочу, у меня есть вопрос div, а затем, когда вы нажмете этот div, он покажет вам ответ. и внутри этого div есть ссылка, которая, когда вы нажмете на нее, направит вас к конкретному div внутри этой страницы. :( –

Смежные вопросы