jquery - 特定の jquery show エフェクトを追加したいのですが、コードを正しく取得できません

Question

実際には、以下のデモに示されている「ドロップ」という名前の効果を、指定されたリンクに組み込みたいと考えていました。

http://jqueryui.com/show/

ページの中央にあるボタンをクリックすると、中央の画像の両側に表示される 2 つの単一要素にその効果を追加したかったのです。これは私がそのような効果を追加したかったページです:

http://iwarchicts.com

中央の IWA ボタンを押したときに、「プロジェクト」と「会社」の見出しが左右にドロップアウトするようにします。

HTMLコードは次のとおりです。

<div id="iwabutton">
<img src="siteimages/iwabutton.png" height="110px" width="110px">
</div>

 <div class="leftcontainer">
      <div class="projects">
          <p id="projectstext"> <h2>PROJECTS</h2> </p>
      </div>
      <div class="company">
          <p id="projectstext"> <h2>COMPANY</h2> </p>
      </div>
 </div>

その効果を私のページに追加するのを手伝ってください。.show() 関数の使用方法は理解しましたが、理解できない間違いを犯しています