Forums
View unanswered posts | View active topics It is currently Sun Dec 17, 2017 3:59 am



Reply to topic  [ 1 post ] 
 another problem with jquery show and hide 
Author Message

Joined: Fri Dec 23, 2011 3:30 pm
Posts: 1
Post another problem with jquery show and hide
i'm trying to use pie to round the corners of the border around the answer to questions in an faq page. the problem occurs in both ie7 and 8. unfortunately, i don't have access to either vista to win7, so i can't test later ie releases.

the base html for each q & a pair is like so:


<div class="faq-item">
<h3 class="hidebelow"><strong class="faq-q">Q:</strong> Do I stay in my vehicle during the wash process?</h3>
<p style="background-color: #f1f1f1; padding:8px;border:2px solid #ccc;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px">
<strong>A:</strong> Yes, you remain in your vehicle during the wash process. Please see signage for additional instructions.
</p>
</div>

and the relevant jquery code is:

$(document).ready(function(){
$("h3.hidebelow").append("<span>&nbsp;</span>");
$("h3.hidebelow").each(function(){
$(this).next("p").hide();
});
$("h3.hidebelow").toggle(function(){
$(this).addClass("active");
$(this).next("p").show("fast");
},function(){
$(this).removeClass("active");
$(this).next("p").hide("fast");
});
});

the appended span is used to control an open/close marker managed by the 'active' class for this element.

when i add 'behavior:url(/js/PIE.htc);position:relative' with or without z-index:0 the page loads with the answer paragraphs visible.

of course, without pie, there's no problem, except for the square corners.

i have another div on the page (no jquery code associated with it) and that works exactly as expected and i get beautifully rounded corners.

appears that pie is trumping jquery's hide.

while not a noobie, i have no idea how to fix this.


Fri Dec 23, 2011 3:47 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: Steeler [Crawler] and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.