PHP点击单行隐藏和展示

<div class="main f_r">
    <div class="uc_title m_10">
        <label class="current"><span>邀请好友</span></label>
    </div>
    <input type="text" value="http://localhost/test/iwebshop4.6/index.php/simple/reg/uid/{$user_id}" style="width:400px;height: 32px;line-height: 32px;"><input type="button" value="复制">
<div class="box m_10">
<table class="list-table" width="100%" cellpadding="0">
<tr><th>用户名</th><th>时间</th><th>订单</th></tr>
    {query:name=invite where=`from` eq $this->user['user_id']}
    <tr>
        <td>{echo:plugin::trigger('getUserName',$item['to'])}</td>
        <td>{echo:date('Y-m-d H:i:s',$item['addtime'])}</td>
        <td>
            <a href="javascript:void(0)" onclick="show({$item['to']})" id="a{$item['to']}">↑</a>
        </td>
    </tr>
    <!--首先我们要把这里的思路再过一下，因为都错两次了-->
    <!--为什么用set了呢，因为上面显示用户的名字的时候我们已经用了一个query了，并且输出同样用的也是$item，为了防止重复冲突，所以我们有定义了一个，避免这次冲突-->
    <!--但是这应该这样，我们的思路才要明确一些，我们把上面的query里面的to再次定义了，那个to就是被邀请者的user_id，我们重新定义是为了在order里面使用-->
    <!--目的是根据用户的id查询该用户的订单，为了检验我们做的是否正确我们先把style:display:none换成block，让它显示出来结果集-->
    <!--如果没错的话，我们就要说那个点击一下隐藏再次点击显示的这个js了-->
    <!--首先该用户邀请的用户绝对不是只有一个，所以我们要想点击进行展示或隐藏某用户的订单的话，那么我们需要有一个变量来证明哪个用户，无疑只有用他们的user_id是最方便直接的-->
    <!--那样的话我们只能用{$item['to']}这个就是被邀请用户的id-->
    <!--只有这样做才是对的，下面便是代码实现-->
    <tr  id="user{$item['to']}" style="display: none"><td>
        <h2>该用户的订单列表</h2>
        <ul>
        {set:$to=$item['to']}
    {query:name=order where=user_id eq $to fields=order_no,order_amount}
            <li>
    {$item['order_no']}:{$item['order_amount']}
            </li>
    {/query}
        </ul>
    </td></tr>
    {/query}
</table>
</div>
</div>

 

<script type="text/javascript">
    function show(uid){
        if($("#user"+uid).attr('style')=='display:none'){
            $("#a"+uid).html("↑");
            $("#user"+uid).attr('style','display:block');
        }else{
            $("#a"+uid).html("↓");
            $("#user"+uid).attr('style','display:none');
        }
    }
</script>