Question

我有一个小的pm系统并使用按钮来打开或关闭消息。如果没有消息打开按钮显示'lesen'bei点击按钮它会打开消息，文本变为'schliessen'。我可以打开everey消息但不能关闭它们。比消息关闭一次并再次打开但按钮文字显示仍然'lesen' 我希望你明白我试图解释的:) 这是我的代码：

这会将打开的消息设置为在数据库中读取。

<script type="text/javascript">
function setRead($id){
  $.ajax({
    type: "POST",
    url: "update_pm_status.php",
    data: { id: $id}
   });
}

这将打开或关闭消息。

 <script type="text/javascript">

 function toggleOpenClose(id) {

 $('#message-'+id).slideToggle("fast");

 if(document.getElementById(id).innerHTML === "lesen") {
    document.getElementById(id).innerHTML = "schließen";
} else {
    document.getElementById(id).innerHTML = "lesen";
}}

<?php

while ($row = mysql_fetch_array($result)) {
?>
<form action="reply.php" method="post">
 <p class="button"> <a class="open-close">
 <div id="container">
<div class="item">
        <span class="toggleOpen" onclick="setRead(this.id); toggleOpenClose(this.id);"      id="<?php echo $row['id']; ?>" name="gelesen">lesen</span>
    <div id="message-<?php echo $row['id'];?>" class="toggle">
        <p><?php echo $row['nachricht']; ?></p>
                    <p><input class="button-link" type="submit" name="reply" value="Antworten"></form></p>
                    <p><form action="mailbox.php" method="post">
                        <input type="hidden" name="id" value="<?php echo $row['id']; ?>">
                        <input class="button-del" type="submit" name="delete_perm" style="vertical-align: top; margin-top: 20px;" value="Löschen"></p></form>

为什么邮件不能靠近点击关闭？

Answer 1

我仍然没有弄清楚出了什么问题。如果我使用

<script type="text/javascript">
$(function() {
$('span.toggleOpen').click(function() {
    $(this).next('.toggle').slideDown("fast");
});
$('span.toggleClose').click(function() {
    $(this).parents('.toggle').slideUp("fast");
});});

然后它工作，但我必须使用两个按钮（打开和关闭），并始终显示。我想要的是一个通过打开或关闭消息来改变文本的按钮。

jquery切换打开/关闭的问题

1 个答案: