jQuery toggle mit this verbinden

08/29/2012 23:11 devcode#1
Hallo,

ich komme gerade einfach nicht weiter.

Und zwar habe ich einen div Bereich, wo text drin steht in einer Box. Dieser Text kommt aus der mysql datenbank. Da diese Box sich wiederholen soll, je nachdem wieviel Einträge man in der datenbank hat, hab ich es über eine while schleife aufgerufen. Denke soweit kann man mir noch folgen.

Das Problem was ich jetzt habe ist, sobald ich dann auf "mehr" klicke (um den ganzen text zu sehen), soll der Bereich über toggle bzw. slideToggle angesprochen werden. Jedoch ist das Problem, wenn ich auf "mehr" klicke, dass dann natürlich beide Boxen (hab jetzt nur 2 einträge in der datenbank) angesprochen werden.

Ich bekomm es einfach nicht auf die Reihe, es vernünftig über this anzusprechen :/

Der JS Code erstmal
Code:
$(".newsMore").click(function () {
  $(".mehrInhalt").slideToggle("slow");
});
Und der html/php code, ich schätze das es recht unständlich gelöst wurde von mir, gibt es da auch eine leichtere variante um mehr Text anzuzeigen?

Code:
<?php
while($news = mysql_fetch_assoc($newsQuery)) { ?>

<!--NEWS-->
<div class="newsRelativ">

<div class="datumBlock">
  <h3 class="tag">29</h3>
  <h4 class="monat">AUG</h4>
 </div><!--datumBlock-->

<div class="newsBlock">
  <h3 class="newsTitel"><?php echo $news['titel']; ?></h3>
  <p class="newsInhalt">

<?php 

echo substr($news['inhalt'], 0, 180); 
  if (strlen($news["inhalt"]) >= 180) {
    echo " … <strong class='newsMore'>more</strong>";
  } 
  echo "<div class='mehrInhalt'>" . substr($news['inhalt'], 181, 50000) . "</div>"

?>
  </p>
</div><!--newsBlock-->

</div><!--newsRelativ-->
<!--/NEWS-->
          
<?php } ?>
08/30/2012 09:06 boxxiebabee#2
Code:
$(".newsMore").click(function () {
  $(this).next(".mehrInhalt").slideToggle("slow");
});
08/30/2012 09:47 devcode#3
Das habe ich gestern auch versucht, leider geht es nicht :/ Damit öffnen sich nichtmal beide.
08/30/2012 11:02 boxxiebabee#4
Ich habs probiert, das geht.
08/30/2012 11:48 devcode#5
oh man...ich hab mal das <strong> durch <div> ersetzt...und es geht...unglaublich...danke dir (;
08/30/2012 14:04 boxxiebabee#6
Es sollte mit jedem Objekt gehen, solange es ne Klasse hat.
08/30/2012 14:33 devcode#7
Dachte ich auch
08/30/2012 15:34 boxxiebabee#8
Quote:
Originally Posted by devcode View Post
Dachte ich auch
Es geht.

-> [Only registered and activated users can see links. Click Here To Register...]
08/30/2012 16:09 devcode#9
Ist ja mal komisch...hab gerade bei mir wieder das div durch strong ersetzt und es geht so nicht. Naja Hauptsache es geht überhaupt (: Auch wenn die Arbeit umsonst war...kunden ._.