Skip to main content

Bug Tracker

Side navigation

#11266 closed bug (invalid)

Opened January 31, 2012 09:25PM UTC

Closed January 31, 2012 11:10PM UTC

Last modified February 01, 2012 10:36PM UTC

toggle() does not work on col or colgroup

Reported by: OBCENEIKON Owned by:
Priority: low Milestone: None
Component: css Version: 1.7.1
Keywords: Cc:
Blocked by: Blocking:
Description

jQuery Version: 1.7.1

Browser: Safari 5.1.2 (7534.52.7)

OS: Mac OS X 10.7.2 Build 11C74

Toggling a column does not work on a colgroup.

http://jsfiddle.net/zLJvS/

Clicking "Hide Cells" should make the red cells disappear, but instead hides just the cells and applies the col and colgroup to the remaining cell.

Attachments (0)
Change History (4)

Changed January 31, 2012 11:10PM UTC by timmywil comment:1

component: unfiledcss
priority: undecidedlow
resolution: → invalid
status: newclosed

This is not a jQuery issue. I think the browser is getting confused by the placement of "this_class" on the cols, which is unnecessary.

http://jsfiddle.net/zLJvS/4/

Changed February 01, 2012 09:59PM UTC by OBCENEIKON comment:2

Even after your change, removing this_class from the col elements, the colgroup is still displaying. The third column should not be a red color after hiding the first two columns.

I did find a way to make the colgroup hide and that was to set the visibility to collapse and display none.

Example: http://jsfiddle.net/zLJvS/5/

Changed February 01, 2012 10:04PM UTC by dmethvin comment:3

Since .toggle() is about toggling the visibility of target elements and col/colgroup elements are never visible, I'm not even sure it's a valid use case. Using a class name is probably better.

Changed February 01, 2012 10:36PM UTC by timmywil comment:4

Browsers probably differ on whether to apply the rules of a colgroup to their respective columns when display is none. The 3rd column is not red in Chrome in my fiddle. Regardless of whether my assumption was correct, this is really not something jQuery can tackle.