隱藏和顯示內容

-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

隱藏和顯示內容

回答

相關問題