2017-02-05 1 views
-2

unterbrochen Warum "springen" andere Bilder nach dem Klicken auf ein Bild (mit js)? http://almaweby.cz/reference.html Versuchen Sie, auf das erste Bild klicken .. Text über es wird nach unten rutschen, das ist richtig und dann andere Bilder springen nach unten ..Wie kann ich den Code um nur die nächste Zeile und nicht die erste Zeile nach unten schreiben?Warum ist die Position nach der Anwendung der JS

Und ein bisschen offtopic. Warum bewegt sich die zweite Reihe anders als die erste? Hier

ist ein Beispiel für mein Problem https://jsfiddle.net/ytLqgk0v

$('.hook').on('click', function(evt) { 
 
\t $(evt.currentTarget).find('.popis').slideToggle(); 
 
});
.hook{ 
 
width: 30%; 
 
margin-right: 10px; 
 
display: inline-block; 
 
} 
 
.nahledy{ 
 
    width: 150px; 
 
    height: 50px; 
 
    background: yellow; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div class="hook"> 
 
\t \t <div class="nahledy"></div> 
 
\t \t <div class="popis" style="display: none;"> 
 
\t \t \t \t <p><b>LOrem ipsum</p> 
 
\t \t </div> 
 
\t \t </div> 
 

 
\t \t <div class="hook"> 
 
    <div class="nahledy"></div> 
 
\t \t <div class="popis" style="display: none;"> 
 
\t \t \t \t <p><b>Lorem ipsum again</p> 
 
\t \t </div> 
 
\t \t </div> 
 

 
\t \t <div class="hook"> 
 
    <div class="nahledy"></div> 
 
\t \t <div class="popis" style="display: none;"> 
 
\t \t <p>Lorem ipsum for third time</p> 
 
\t \t </div> 
 
\t \t </div>

`

+0

Bitte legen Sie ein minimales, überprüfbares Beispiel nur das Problems - nicht nur Link zu Ihrer Website. http://StackOverflow.com/Help/Mcve –

+0

Sobald Sie Code in diesem Link ändern, oder dieser Link von der Website entfernt wird, macht es diese Frage in Zukunft nutzlos. Fragen sollten in sich geschlossen sein – charlietfl

Antwort

0

Versuchen Flexbox zur Ausrichtung mit, anstatt nur mit Dingen schweben. Fügen Sie zunächst display: flex; flex-wrap: wrap; dem übergeordneten Container hinzu und bereinigen Sie dann die Position von dort.

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

+0

Das ist brilliant..dank viel ... jetzt muss ich nur herausfinden, warum es wenig bewegt ist (warum es nicht unter sich ist) – pandik70

Verwandte Themen