Forum user: asmodeo

Hi,
I'm trying to implement an Horizontal Accordion inside an overlay.

This is the code:

<div class="apple_overlay" id="team">
		<div id="accordion">
	<img src="http://flowplayer.org/img/title/streaminge.png" />

	
		<div style="width:310px; display: block;">
		<h3>First pane</h3>
		<p>
			Consectetur adipiscing elit. Praesent bibendum eros ac nulla. Integer vel lacus ac neque viverra.
		</p>
	</div>
	
	<img src="http://flowplayer.org/img/title/flash.png" />
	
	<div>
		<h3>Second pane</h3>

		<p>
			Cras diam. Donec dolor lacus, vestibulum at, varius in, mollis id, dolor. Aliquam erat volutpat. 
		</p>
	</div>
</div>
</div>

	<script>

$(function() {
$("#content a[rel]").overlay({effect: 'apple', top: 150, closeOnClick: true});$("#accordion").tabs("#accordion div", {tabs: 'img', effect: 'horizontal'});

});

	</script>

The problem is that the style of the first tab is not rendered, I need to put the "!important" attribute but in this way the other tabs animation is broken...

up

up

Hi,
I'm the webmaster of wiitalia.it and for the next version of the site I'm implementing this fantastic tool.

At now there is only one thing that i can't do with jquery tools, at least I don't know if it is possible.

I need a function that fetch a page and display it on the page without reload.

For example:

1) I have this code

<div id="inline-box">
<a href="external_page.html">Click me!</a>

2) When i click to "Click me!" in the same div I see "external_page.html"

<div id="inline-box">
External_page.html content

In the past I've used this script:http://www.dhtmlgoodies.com/scripts/ajax-dynamic-content/ajax-dynamic-content.html

On that page you can see the script in action (check the third box).

Does anyone can tell me if this result could be accomplished with jquery tools?