Textpattern CMS

#1 2009-02-11 00:54:10

jshan

Member

Registered: 2008-01-09

Posts: 67

JQuery slide-panel effect on <txp: article_custom>

Hi,

I have this JQuery slide-panel that’s supposed to reveal/conceal a horinzontal list of article images that is done via <txp: article_custom>. Jquery and the TXP both work, except that when revealing, the list is displayed before the panel bar (which is a 4px thick line) is completely pulled down; when concealing, the images will not gradually be covered up, instead, they will stay until the panel bar is completely pulled up and then disappear all together. But the background texts and colors of the image-strip <div> ARE gradually revealed and concealed as the panel bar is pulled down and raised up.

The JQuery looks like this:

<script type="text/javascript" src="<txp:link_to_home />js/jquery.js"></script>
<script type="text/javascript">
    var $jj=jQuery.noConflict();
    $jj (function(){
	$jj(".button").click(function(){
	  $jj(".imgholder_hidden").slideToggle("slow");
	  ...
	});

});

Inside .imgholder_hidden on the page, I have the image strip defined as:

<div class="imgholder_hidden">
<ul class="gallery">
<txp:article_custom category="has_image" limit="9" sort="rand()">
<li><txp:permlink><txp:article_image thumbnail="1"/></txp:permlink></li>
</txp:article_custom>
</ul>
</div>

It looks as if the image strip has the smallest “Z-value” in CSS… Does it have anything to do with the fact that the image strip is generated dynamically? Is there any way to get around this problem?

Many thx!

J.

Last edited by jshan (2009-02-11 00:58:07)

#2 2009-02-13 17:11:26

jshan

Member

Registered: 2008-01-09

Posts: 67

Re: JQuery slide-panel effect on <txp: article_custom>

Ok just for record, the issue is resolved via CSS. :)