画像をクリックする必要があるサイトで作業しています。別のセクション（div）が異なるコンテンツの画像の下に表示されます... I don '本当にこれを達成する方法を知っている、多分誰かが私を助けることができる！ 私はブートストラップテンプレートを使用しています： サンプルページはボトムにリンクされています。私がしたいのは、セクションやコンテナをドロップダウンするPortafolio項目をonClickするときですが、画像の真下だけではない幅です。クリックしたとき画像ドロップダウンは、JavaScriptを使用して全角で区切ります
http://preview.oklerthemes.com/porto/4.9.2/portfolio-grid-full-width.html
事前
に感謝たぶん、あなたは、ここにhttp://www.w3schools.com/css/css_dropdowns.aspをあなたの答えを見つけることができます。あなた自身でそれを試すこともできます:)。
から回答してください。リンクではありません。 [ヘルプ]にアクセスして、答える方法を見てください。私はあなたに投票するつもりはありませんが、他の人はそうです。 W3schoolsは素晴らしいJSリファレンスとはみなされていません – mplungjan
これを試してみてください。
function showSection(){
document.getElementById("section").style.display="inline";
}#section{
display:none;
}<html>
<body>
<img src="https://www.google.co.in/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="image here" onclick="showSection()">
<div id="section">
<h1>Here go your section.</h1>
You can write your code here.
</div>
</body>
</html>
これは私が考えることができる最も簡単な解決策です。 SO
var img = document.querySelector('.imgClass');
var content = document.querySelector('.contentClass');
img.addEventListener('click', function() {
content.style.display = 'block';
});.imgClass {
background: red;
width: 20px;
height: 20px;
}
.contentClass {
display: none;
}<div class="imgClass"></div>
<div class="contentClass">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi totam labore facilis molestiae error nulla, ipsa dolorum eligendi odio voluptatem ducimus doloremque eaque, veritatis iusto. Magnam asperiores rerum, sed explicabo.
</div>クロスブラウザではなく単純なものでonclickを使用するアドバイスaddEventListener – mplungjan
へようこそ。 [ヘルプ]にアクセスして[ツアー]に参加し、あなたの質問がトピックでない理由を確認してください。ヒント：手間とコード – mplungjan
あなたは今までに達成したことを分かち合うことができますか？セクションを見たいと思ったらどういう意味ですか？ – Pirate
@Pirate 私はブートストラップテンプレートを使用しています [リンク]（http://preview.oklerthemes.com/?theme=Porto） このセクションはportafolioセクションです。私はdivclコンテナまたはセクションをonclick dropwonに追加したいと思います選択肢は – Alva