Ben onlar tıklayarak üzerinde almamış olan kullanıcı önerileri gösteren bir tablo var ben daha fazla, bazı ajax ateş ve okumak gibi veritabanında öneri işaretlenir okuyun. Öneri ben açık bir zarf göstermek okunduğu takdirde ben, kapalı bir zarf göstermek yeni ise şu anda, ancak ben yeni sınıf eklenebilir böylece kullanıcı okuma daha linki tıkladığında o tabloyu yeniden alabilirsiniz. Şu anda yarım işleri, onlar devamını oku tıklatın ve tam önerileri kaybolur ama ben de değiştirmek için zarfı gerekir.

    <table>
        <?php
            $colours = array("#f9f9f9", "#f3f3f3"); $count = 0;
            if(isset($newSuggestions)) {
                foreach($newSuggestions as $row) {
                if($row['commentRead'] == 0) {
                    $newRow = "new";
                } else {
                    $newRow = "old";
                }
        ?>
                        <tr id="a<?=$row['thoughtId'];?>" bgcolor="<?php echo $colours[$count++ % count($colours)];?>">
        <?php
                            echo "<td class='".$newRow."'>".substr($row['thought'], 0,50)."...</td>";
                            echo "<td class='read'><a href='".base_url()."thought/readSuggestion/".$row['thoughtId']."' class='readMore'>Read More</a>";
                        echo "</tr>";
                    }
                } else {
                echo "You have no new suggestions";
                }
        ?>
        </table>
    </div><!--/popular-->

    </div><!--/widget-->
        <div id="readMore">

        </div>

<script type="text/javascript">
    $(document).ready(function() {
    //alert("hello");
    $('#tabvanilla').tabs({ fx: { opacity: 'toggle', height:'toggle' } });
        $('a.readMore').click(function(){
            $('#readMore').fadeIn(500);
            var url = $(this).attr('href');

            $.ajax({
                url : url,
                type : "POST",
                success : function(html) {
                    $('#readMore').html(html)
                },
                complete : function(html) {
                    $('table').html()
                }
            });
            return false;
        });
});
</script>