Question

I’ve got this bit of code working so that it toggles a show/hide and also changes the CSS elements…

I would like it to change back the :hover state with the toggle. Is that possible?

$("article").click(function () {
    $(".folder-items",this).slideToggle("slow");
    $("article:hover").css({
       background : 'none',
       border : '1px solid #C7C6C7'
    });
 });

How do I do this? What do I need to change?

I’ve basically hashed this code together from the docs and online resources. So not sure what to do to get it working right. I’m a little new to jquery.

Answer 1

Is that what you want?

var origBg = $("article:hover").css('background');
var origBorder =  $("article:hover").css('border');

$("article").click(function () {
    $(".folder-items",this).slideToggle("slow");
    if ($("article:hover").css('border')==origBorder)
    {
        $("article:hover").css({
            background : 'none',
            border : '1px solid #C7C6C7'
        });
    }
    else
    {
        $("article:hover").css({
            background : origBg,
            border : origBorder
        });
    }

});