2017-01-09 8 views
-5

私はこの問題で苦労しています。私はすでにこれをgoogleとここでstackoverflowで検索していますが、私はこの回答を見つけることができませんでした。あなたが私を助けることを願っています。ありがとう!前回のdivがまだ表示されリンクをクリックして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

あなたが何をあなたの正確な予想を指定していないので、この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>

+0

こんにちは、ありがとう。 :D私が望むものは質問divがあり、そのdivをクリックすると回答が表示されます。そのdiv内にリンクがあります。リンクをクリックすると、そのページ内の特定のdivに移動します。 :( –