Использование jquery для скрытия и отображения php динамически создаваемого контента «Результаты поиска»

Question

У меня есть таблица, которая отображает мои результаты поиска, и в ожидании, если у пользователя есть открытая функция, я хочу отображать только 5 результатов в строке, и то же самое, если они закрыты, я хочу показать 7 результатов.Это работает нормально, но у меня возникает проблема, когда я переключаю функцию, которую div скрывает или показывает, но динамически создаваемый контент PHP все еще виден.Я знаю, что div скрывает или показывает в ожидании функции, потому что я написал статический текст в динамически создаваемых div и в ожидании функции, когда текст отображается или скрыт.

Вопрос: Как также скрыть содержимое php?PHP content =

/*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>';