ツイッターログインとフェイスブックログインを同じページで

<div id="container"> <?php if ($twitterLogin->isLoggedIn()) : ?> <form action="logout2.php" method="post" id="logout"> <input type="submit" value="Log Out"> <input type="hidden" name="token" value="<?= h($_SESSION['token']); ?>"> </form>

<h1>@<?= h($me->tw_screen_name); ?>'s Timeline</h1>

<ul>

<?php foreach ($tweets as $tweet) : ?>
  <li><?= $tweet->text; ?></li>

<?php endforeach; ?>
</ul>

<?php else : ?>

<h1>My Timeline</h1>
<div id="login">
  <a href="login2.php"><img src="signin_button.png"></a>
</div>

    <div id="login">
      <a href="login.php" class="btn">Facebook Login</a>
    </div>

<?php endif; ?>

<?php if ($fbLogin->isLoggedIn()) : ?>

   <div id="logout">
     <form action="logout.php" method="post">
       <input type="submit" value="Log out">
       <input type="hidden" name="token" value="<?= h($_SESSION['token']); ?>">
     </form>
   </div>

   <div id="profile">
     <img src="http://graph.facebook.com/<?= h($me->fb_user_id); ?>/picture" class="pic">
     <h1><a href="<?= h($me->fb_link); ?>"><?= h($me->fb_name); ?></a></h1>
     <p><?= h($userNode['email']); ?></p>
   </div>

   <ul>
     <?php foreach ($posts as $post) : ?>
       <li><?= h($post['message']); ?></li>
     <?php endforeach; ?>
   </ul>

<?php else : ?>

<h1>My Timeline</h1>
<div id="login">
  <a href="login2.php"><img src="signin_button.png"></a>
</div>

    <div id="login">
      <a href="login.php" class="btn">Facebook Login</a>
    </div>

<?php endif; ?> </div>

今上記のようにしているのですが、
ツイッターのログインにフェイスブックログインが入り込んできます。
ログインが行われていないときは両方のボタンがあっていいのですが、
ログインした後にツイッターログイン後の画面とフェイスブックログイン後の画面がくっついてしまいます。

また、今は <?php else : ?>が二回繰り返され
同じものが二つあるので、

ログイン前の画面が同じものが二回繰り返される状態になっています。

これも一つにしたいです。

どうしたらいいのでしょうか？

ログイン前は並んでボタンを表示させたいですが、
ログイン後は関係なくそれぞれの処理が行われそれぞれのログインが目に入って欲しいです。