使用jquery隐藏和显示php动态创建的内容“搜索结果”

Question

我有一个显示搜索结果的表格，如果用户打开了某个功能，我只想每行显示 5 个结果，如果用户关闭该功能，我想显示 7 个结果。这工作正常，但我遇到的问题是，当我切换函数时，div 是隐藏还是显示，但动态创建的 PHP 内容仍然可见。我知道 div 会隐藏或显示待处理的函数，因为我在动态创建 div 中编写了静态文本，并在待处理的函数中显示或隐藏了文本。

问题：如何隐藏php内容？ PHP 内容 =

/*BIG*/
    //begin new row
    if($result_incBig == $beginRowBig){
        $b .= '<tr>';   
        //row color
        $row_color = ($color_incBig % 2) ? 'tdAltRow_A' : 'tdAltRow_B';
        if($i == ($num_qk-1)){
            $secondRowClass = 'tdAltRow_noBorder';
        }else{
            $secondRowClass = 'tdAltRow';
        }
        //increment the color of the row
        ++$color_incBig;                
    }
    $b .= '<td class="td_formTitle_noBorder" align="center" style="padding:0px; text-indent: 0;" width="165" height="115" valign="bottom">';
        $b .= '<table width="100%" cellpadding="0" cellspacing="0" border="0">';
            $b .= '<tr>';
                $b .= '<td align="center" style="height:80px; padding:4px; vertical-align:middle;">'.$appendLinkBegin.$companyPic.$appendLinkEnd.'</td>';
            $b .= '</tr>';
            $b .= '<tr>';
                $b .= '<td align="center" style="height:35px; padding:2px; vertical-align:bottom;">'.$appendLinkBegin.'<b>'.$company_name.'</b>'.$addSpace.'<br />'.$num2.' '.$resultText.$appendLinkEnd.'</td>';
            $b .= '</tr>';
        $b .= '</table>';
    $b .= '</td>';
    //end row if out of results or reached max num for row
    if($result_incBig == $endRowBig){
        $b .= '</tr>';
        $result_incBig = 0;
    }else if(($i+1) == $num_qk){
        if($result_incBig < $endRowBig){
            for($e=0;$e<=($endRowBig-$result_incBig);++$e){
                $b .= '<td class="td_formTitle_noBorder" align="center" style="padding:0px; text-indent: 0;" width="165" height="115" valign="bottom"><!--space--></td>'; 
            }
            $b .= '</tr>';  
            $result_incBig = 0;
        }
    }
    //increment inc 
    ++$result_incBig;
    /*END BIG*/

    /*SMALL*/
    //begin new row
    if($result_incSmall == $beginRowSmall){
        $s .= '<tr>';   
        //row color
        $row_color = ($color_incSmall % 2) ? 'tdAltRow_A' : 'tdAltRow_B';
        if($i == ($num_qk-1)){
            $secondRowClass = 'tdAltRow_noBorder';
        }else{
            $secondRowClass = 'tdAltRow';
        }
        //increment the color of the row
        ++$color_incSmall;              
    }
    $s .= '<td class="td_formTitle_noBorder" align="center" style="padding:0px; text-indent: 0;" width="165" height="115" valign="bottom">';
        $s .= '<table width="100%" cellpadding="0" cellspacing="0" border="0">';
            $s .= '<tr>';
                $s .= '<td align="center" style="height:80px; padding:4px; vertical-align:middle;">'.$appendLinkBegin.$companyPic.$appendLinkEnd.'</td>';
            $s .= '</tr>';
            $s .= '<tr>';
                $s .= '<td align="center" style="height:35px; padding:2px; vertical-align:bottom;">'.$appendLinkBegin.'<b>'.$company_name.'</b>'.$addSpace.'<br />'.$num2.' '.$resultText.$appendLinkEnd.'</td>';
            $s .= '</tr>';
        $s .= '</table>';
    $s .= '</td>';
    //end row if out of results or reached max num for row
    if($result_incSmall == $endRowSmall){
        $s .= '</tr>';
        $result_incSmall = 0;
    }else if(($i+1) == $num_qk){
        if($result_incSmall < $endRowSmall){
            for($e=0;$e<=($endRowSmall-$result_incSmall);++$e){
                $s .= '<td class="td_formTitle_noBorder" align="center" style="padding:0px; text-indent: 0;" width="165" height="115" valign="bottom"><!--space--></td>'; 
            }
            $s .= '</tr>';  
            $result_incSmall = 0;
        }
    }
    //increment inc 
    ++$result_incSmall;
    /*END SMALL*/
}
//display table
if($where == ''){
    $b = '<input type="hidden" name="numberRes" id="numberRes" value="No Results" />';
    $s = '<input type="hidden" name="numberRes" id="numberRes" value="No Results" />';
}   
echo '<table cellpadding="0" cellspacing="0" border="0" width="100%">';
    //results
    echo '<div class="rowFillBig">big7Results'.$b.'</div>';
    echo '<div class="rowFillSmall" style="display:none;">small5Results'.$s.'</div>';
echo '</table>';

Jquery 函数：

$(function () {
    $('#tab_1').click(function(){
        $('#tab_vid').toggle();
        if ($("#mainContentRF").width() == 825){
            $("#mainContentRF").width(1180);
            $("audio").width(800);
            //if viewing the full screen pause video
            <?php if($viewingVideo > ''){ ?>
            video = $('.videoplayer').get(0);
            video.pause();
            <?php } ?>
            <!--hide small-->
            $(".rowFillSmall").css("display", "none");
            <!--show big-->
            $(".rowFillBig").css("display", "inline");
        }else{
            $("#mainContentRF").width(825);
            $("audio").width(500);
            <!--show small-->
            $(".rowFillSmall").css("display", "inline");
            <!--hide big-->
            $(".rowFillBig").css("display", "none");
        }
    <!--if tab was left open dont close it-->
    <?php if($acc_openValue_1 == '99'){ ?>
        })
    <?php }else{ ?>
        }).click();
    <?php } ?>
});

如果我能更清楚，请告诉我。基本上，div 和里面的任何内容都应该在需要时隐藏，并在需要时显示。

Answer 1

像这样将 div 放在桌子的外侧。

    echo '<div class="rowFillBig">';    
    echo '<table cellpadding="0" cellspacing="0" border="0" width="100%">';
        //results
        echo $b;
    echo '</table>';
echo '</div>';
echo '<div class="rowFillSmall" style="display:none;">';
    echo '<table cellpadding="0" cellspacing="0" border="0" width="100%">';
        //results
        echo $s;
    echo '</table>';
echo '</div>';