jsで発火の有無で表示非表示を切り替えたい。

Question

<?php echo $this->element('Apple'); ?>
<?php echo $this->element('Orange'); ?>

if () {
      document.getElementById('Apple').style.display = "";
      document.getElementById('Orange').style.display = "none";
    } else {
      document.getElementById('Apple').style.display = "none";
      document.getElementById('Orange').style.display = "";
    }

こんな感じで、このelementsをjsで、それぞれのphp中のdivに対してnoneの有無で表示非表示切り替えています。
しかし、elementsは初期表示で発火の有無関わらず表示されてしまっています。
これを画面を更新もしくは初期表示の時点で非表示にしておきたいです。

<?php echo $this->element('Apple'); ?>
<?php echo $this->element('Orange'); ?>

この部分に対して何か付け加えたりするんでしょうか？ご協力をお願いします。

試したこと
php中のdivに対して、onloadをつけ、main.phpの中にjsで

    document.getElementById('Apple').style.display = "none";
    document.getElementById('Orange').style.display = "none";

としましたが、だめでした。

Answer 1

すいません...。

普通に何もせず<script>の一番上に二つをnoneするやつ書けばいいだけでした..。