jquery - 我想添加一个特定的 jquery 显示效果，但我无法正确获取代码

Question

我实际上想将下面演示中显示的“drop”命名效果合并到给定链接中。

http://jqueryui.com/show/

我想将该效果添加到 2 个单个元素中，这些元素会在单击页面中心的按钮时显示在中心图像的两侧。这是我想添加这种效果的页面：

http://iwarchitects.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() 函数的用法，但我犯了一些我无法理解的错误

Answer 1

如果您在该页面上单击“查看源代码”，您可以看到他们如何使用该.show方法

 $( "#effect" ).show( "scale", { percent: 100 }/*options for the effect*/, 500, callback/*optional*/ );
 $( "#effect" ).show( "bounce", { }, 500, callback );
 $( "#effect" ).show( "blind", { }, 500, callback );

元素的 id在哪里#effect，或者如果要选择要对其执行效果的元素，则可以使用类名，例如effectclass

$( ".effectclass" ).show( "blind", { }, 500, callback );