pjax doubles the div content

Hi I have two questions.

First why does pjax double my code on submit?

<div class="site-index" id="marker">

</div>

<?php Pjax::begin(['id'=>'marker', 'linkSelector'=>'.slider_inner_slide a']); ?>

<div class="body-content">

    <div class="first-badge">

        <div class="row badge-frameing">

            <?php echo \Yii::$app->view->renderAjax('@app/views/site/'.$data.'_first_badge.php'); ?>

        </div>

    </div>

    <div class="second-badge">

        <div class="row badge-frameing">

            <?php echo \Yii::$app->view->renderAjax('@app/views/site/'.$data.'_second_badge.php'); ?>

        </div>

    </div>

    <div class="third-badge">

        <div class="row badge-frameing">

            <?php echo \Yii::$app->view->renderAjax('@app/views/site/'.$data.'_third_badge.php'); ?>

        </div>

    </div>

</div>

<?php Pjax::end(); ?>

And After clicking the targeted Link(browser code):

<div class="site-index" id="marker">

  <div class="body-content">...</div>

</div>

<div id="marker">

  <div class="body-content">...</div>

</div>

And the second one. Is it possible to animate the content change? I thought about changing the generated javascript in the Pjax.php but maybe somebody knows something easier.

Handled it. The problem was my class. Yii just took a look on my id and doubled the content so.

Solution is:

<?php Pjax::begin(['class'=>'site-index', 'linkSelector'=>'.slider_inner_slide a']); ?>

With the same code like above.