3

I have this While loop in my php code where I echo rows inside one div that acts like a button and when I press that "button" I want to hide/show the connected div with the jQuery function "toggle". I only get it to work so that when I click any of the "buttons" it opens all divs and not just that one that's connected.

<script>
$(document).ready(function(){
  $(".scorec").click(function(){
    $(".scorematcho").slideToggle('slow');
});
});
</script>

That's the jQuery I'm using at the moment.

<?php $RM = mysql_query("SELECT * FROM score ORDER BY ScoreID DESC LIMIT 3");
while ($ScoreD = mysql_fetch_assoc($RM)) { 
$a = $ScoreD["ScoreOne"]; $b = $ScoreD["ScoreTwo"];?>
<div class="scorec" >
    <?php if($a>$b){;?><font color="green"><?php }else{?><font color="red"><?php }?>
    <div class="scorel"><img src="flags/<?php echo $ScoreD["FlagOne"]; ?>.png" style="float:left;">
    <?php echo $ScoreD["TeamOne"]; ?> | <?php echo $ScoreD["ScoreOne"]; ?></div>
    <div class="scorem">-</div>
    <div class="scorer"><?php echo $ScoreD["ScoreTwo"]; ?> | <?php echo $ScoreD["TeamTwo"]; ?>
    <img src="flags/<?php echo $ScoreD["FlagTwo"]; ?>.png" style="float:right;"></div></font>
</div>
<div class="scorematcho" >
    <div class="scorematch">
    de_dust2 
    16-2
    </div>
    <div class="scorematch">
    de_nuke 
    16-2
    </div>
    <div class="scorematch">
    de_dust 
    16-2
    </div>
</div>
<?PHP } session_destroy()?>

That's the HTML/PHP I'm using. The div "scorec" is the "button" and "scorematcho" is the div I wan't to toggle.The text inside "scorematcho" shall be PHP also, just haven't changed it yet. I have searched and tested some things but can't get anything to work properly, I have noticed that some put all their PHP code inside an "echo", why is that and could that be the problem? Hope that's enough information, please tell if not. Also, if you have some other improvements you think I should make to the code, please tell.

4

1 回答 1

5

我已经添加了这个 jfiddle 希望它有帮助！http://jsfiddle.net/H77yf/

$(".scorec").click(function(){
    $(this).next().slideToggle('slow');
});
于 2013-06-07T21:08:47.257 回答