Skip to main content

Bug Tracker

Side navigation

#5769 closed bug (invalid)

Opened January 07, 2010 06:50PM UTC

Closed June 13, 2010 11:47PM UTC

series of parent divs with display:none -- fail to hide

Reported by: ladybug Owned by:
Priority: major Milestone: 1.4
Component: effects Version: 1.3.2
Keywords: Cc:
Blocked by: Blocking:
Description

I have a series of divs - all have the class item_desc but have different ids. All have other divs and elements inside.

All parents divs (class item_desc) are set to diplay:none except the first one which is set to diplay:block.

While the example code works in 1.3.1 it no longer works in latest 1.3.2 update. -- none of the recommended fixes work -- and seem to require major code acrobatics for what was once so easy to do.

Example:

JQuery

$(document).ready(function(){

$('.item_desc:not(:first)').hide();

$("#lcol a").click(function() {

var element = $(this);

$('.item_desc').slideUp("slow");

$($(element).attr("href")).slideDown("slow");

return false;

});

CSS

.item_desc{

width:760px;

margin:0;

padding:0;

}

XHTML

<div style="display: block;" id="div1" class="msg_body">

<div class ="someclass">

<p>content</p>

<p>content</p>

<ul>

<li>list item</li>

<li>list item</li>

<li>list item</li>

</ul>

</div>

</div>

<div style="display: none;" id="div2" class="msg_body">

<div class ="someclass">

<p>content</p>

<p>content</p>

<ul>

<li>list item</li>

<li>list item</li>

<li>list item</li>

</ul>

</div>

</div>

<div style="display: none;" id="div2" class="msg_body">

<div class ="someclass">

<p>content</p>

<p>content</p>

<ul>

<li>list item</li>

<li>list item</li>

<li>list item</li>

</ul>

</div>

Attachments (0)
Change History (2)

Changed January 07, 2010 06:54PM UTC by ladybug comment:1

Sorry --- initial bug input had wrong XHTML example.

<div style="display: block;" id="div1" class="item_desc"> <div class ="someclass"> <p>content</p> <p>content</p> <ul> <li>list item</li> <li>list item</li> <li>list item</li> </ul>

</div>

</div>

<div style="display: none;" id="div2" class="item_desc"> <div class ="someclass"> <p>content</p> <p>content</p> <ul> <li>list item</li> <li>list item</li> <li>list item</li> </ul>

</div>

</div>

<div style="display: none;" id="div3" class="item_desc"> <div class ="someclass"> <p>content</p> <p>content</p> <ul> <li>list item</li> <li>list item</li> <li>list item</li> </ul>

</div>

Changed June 13, 2010 11:47PM UTC by dmethvin comment:2

component: unfiledfx
resolution: → invalid
status: newclosed

I'm not sure what the code here is supposed to demonstrate. Can you provide a clear test case?