[jQuery] Re: selected accordion background
Thank you very much!! Works perfectly.
Pasquale.
On Jan 18, 12:31 pm, Nathan Klatt n8kl...@gmail.com wrote:
Pasquale,
Looks like it no longer sets the class to selected for you; just gotta
do it yourself.
On Mon, Jan 18, 2010 at 12:31 PM, spiderling webmas...@spiderling.ca wrote:
bump :-)
On Jan 15, 7:13 pm, spiderling webmas...@spiderling.ca wrote:
I'm using an accordion which functions perfectly. I was using jQuery
1.2.6 with UI 1.6 and was able to have a different background image
displayed when the section was expanded using .selected. I upgraded to
jQuery 1.3.2 with UI 1.7.2, and the selected / expanded background
image no longer works. Everything else works fine. Any suggestions on
how I can get it working again with 1.3.2 and 1.7.2?
Thanks
Pasquale
// jQuery
script type=text/javascript
$(document).ready(function(){
$(#accordion1).accordion({
active: false,
header: '.heading',
collapsible: true,
autoHeight: false
})
.bind('accordionchange', function(event, ui) {
$(ui.oldHeader).removeClass(selected);
$(ui.newHeader). addClass(selected);
});
});
/script
Nathan
[jQuery] Re: selected accordion background
bump :-)
On Jan 15, 7:13 pm, spiderling webmas...@spiderling.ca wrote:
I'm using an accordion which functions perfectly. I was using jQuery
1.2.6 with UI 1.6 and was able to have a different background image
displayed when the section was expanded using .selected. I upgraded to
jQuery 1.3.2 with UI 1.7.2, and the selected / expanded background
image no longer works. Everything else works fine. Any suggestions on
how I can get it working again with 1.3.2 and 1.7.2?
Thanks
Pasquale
// jQuery
script type=text/javascript
$(document).ready(function(){
$(#accordion1).accordion({
active: false,
header: '.heading',
collapsible: true,
autoHeight: false
});});
/script
/** CSS **/
ul#accordion1 a.heading
{
background: url(/pics/bg1.jpg) repeat-x #b9a77d;
font-family: Georgia, Times New Roman, Times, serif;
color: #fff;
display: block;
outline: none;
font-size: 13pt;
font-weight: normal;
line-height: 13pt;
padding: 10px 5px;
text-decoration: none;}
ul#accordion1 a.heading:hover
{
background: url(/pics/bg2.jpg) repeat-x #dfd2b3;
color: #00447f;}
ul#accordion1 a.selected, ul#accordion1 a.selected:hover
{
background: url(/pics/bg3.jpg) repeat-x #00447f;
color: #fff;
}
!-- HTML --
ul id=accordion1
li
a class=heading href=#Heading
1/a
ul
li a
href=link1.htmlLink 1/a/li
li a
href=link2.htmlLink 2/a/li
li a
href=link3.htmlLink 3/a/li
/ul
/li
li
a class=heading href=#Heading
2/a
ul
li a
href=link1.htmlLink 1/a/li
li a
href=link2.htmlLink 2/a/li
li a
href=link3.htmlLink 3/a/li
/ul
/li
/ul
Re: [jQuery] Re: selected accordion background
Pasquale,
Looks like it no longer sets the class to selected for you; just gotta
do it yourself.
On Mon, Jan 18, 2010 at 12:31 PM, spiderling webmas...@spiderling.ca wrote:
bump :-)
On Jan 15, 7:13 pm, spiderling webmas...@spiderling.ca wrote:
I'm using an accordion which functions perfectly. I was using jQuery
1.2.6 with UI 1.6 and was able to have a different background image
displayed when the section was expanded using .selected. I upgraded to
jQuery 1.3.2 with UI 1.7.2, and the selected / expanded background
image no longer works. Everything else works fine. Any suggestions on
how I can get it working again with 1.3.2 and 1.7.2?
Thanks
Pasquale
// jQuery
script type=text/javascript
$(document).ready(function(){
$(#accordion1).accordion({
active: false,
header: '.heading',
collapsible: true,
autoHeight: false
})
.bind('accordionchange', function(event, ui) {
$(ui.oldHeader).removeClass(selected);
$(ui.newHeader). addClass(selected);
});
});
/script
Nathan
