隐藏和显示内容

-1

嗨，大家好，我需要一些帮助我的这些代码我需要显示CLIK后ID 内容显示的内容，我需要是在相同ID隐藏和显示内容

<script type="text/javascript"> 
    function toggleAndChangeText() { 
     $('#divToToggle').toggle(); 
     if ($('#divToToggle').css('display') == 'none') { 
       $('#aTag').html('Collapsed text mode &#9658'); 
     } 
     else { 
       $('#aTag').html('Expanded text mode &#9660'); 
     } 
    } 
</script> 

<style> 
#divToToggle{display:none;} 
</style>

内容和此代码php/html

  <?php 
     $stmt = $DB_con->prepare("SELECT * FROM `topic` ORDER BY id"); 
     $stmt->execute(); 
     foreach ($stmt->fetchAll() as $row) { 
     echo" 
     <div class='Post'> 
     <div class='rgt Pimg'><a href='post.php?id=".$row['id']."'><img src='".$row['e_title']."' class='Pimg'/></a></div> 
     <div> 
     <a id='aTag' href='javascript:toggleAndChangeText()'> 
      Show Content 
     </a> 
     <div id='divToToggle'>".$row['e_content']."</div> 
     </div> 
     "; 
     } 
     ?>

来源

2015-10-20 KikoDev2016

首先，请描述更清晰的当前状态是什么，你需要什么帮助。倾销你的代码，并要求人们完成你的项目是不是要走的路。另外，'id's应该是唯一的。在你的代码当然不是这种情况，这可能是这个问题的一个重要部分。 – GolezTrol

你好先生GolezTrol-老实说，我没有太多的经验在Jquery帽子为什么我问你这里帮助我如何可以在代码中修改id jquery这就是我需要请帮助我 – KikoDev2016

您不能使用相同的ID的多个元素。使用class代替：

你的脚本改为：

$(document).ready(function(){ 
    $("a.aTag").on("click", function(){ 
     var toggleElement = $(this).closest("div").find(".divToToggle"); 
     toggleElement.toggle(); 
     if (toggleElement.css('display') == 'none') { 
       $(this).html('Collapsed text mode &#9658'); 
     } 
     else { 
       $(this).html('Expanded text mode &#9660'); 
     } 
    }); 

});

和你的PHP代码如下：

<?php 
    $stmt = $DB_con->prepare("SELECT * FROM `topic` ORDER BY id"); 
    $stmt->execute(); 
    foreach ($stmt->fetchAll() as $row) { 
    echo" 
    <div class='Post'> 
    <div class='rgt Pimg'><a href='post.php?id=".$row['id']."'><img src='".$row['e_title']."' class='Pimg'/></a></div> 
    <div> 
    <a class='aTag' href='javascript:toggleAndChangeText()'> 
     Show Content 
    </a> 
    <div class='divToToggle'>".$row['e_content']."</div> 
    </div> 
    "; 
    } 
    ?>

来源

2015-10-20 05:16:25

谢谢兄弟（y） – KikoDev2016

隐藏和显示内容

回答

相关问题