Wicket jQuery UI: effect

Effect Behavior

Tab 1

Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.

Components / Samples

Description

This sample shows how to use the JQueryEffectBehavior.

package com.googlecode.wicket.jquery.ui.samples.jqueryui.effect;

import com.googlecode.wicket.jquery.ui.JQueryUIBehavior;
import com.googlecode.wicket.jquery.ui.effect.EffectAdapter;
import com.googlecode.wicket.jquery.ui.effect.JQueryEffectBehavior;

public class DefaultEffectPage extends AbstractEffectPage
{
	private static final long serialVersionUID = 1L;

	public DefaultEffectPage()
	{
		this.add(new JQueryUIBehavior("#tabs", "tabs"));
		this.add(new JQueryEffectBehavior("#tabs", "bounce", 1000, new EffectAdapter()));
	}
}

<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<head>
<wicket:head>
	<title>Wicket jQuery UI: effect</title>
</wicket:head>
</head>
<body>
<wicket:extend>
	<div id="tabs">
		<ul>
			<li><a href="#tab1">Tab 1</a></li>
		</ul>
		<div id="tab1">
			Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam.
			Integer ut neque. Vivamus nisi metus, molestie vel, gravida in,
			condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros.
			Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum
			a velit eu ante scelerisque vulputate.
		</div>
	</div>
</wicket:extend>
</body>
</html>