[jQuery] Toggle Fade

I am trying to build a simple little effect when a user checks / un-checks a checkbox a specific div will fade in or out depending on the check state. I found lots of examples using toggle but I do not want to completely hide the div, only fade it to 50% or back to 100% Ideas anyone? Thanks D

[jQuery] toggle + fade = possible?

toggle() works great but im wondering if its possible to combine it with fadeIn / fadeOut so that the change isnt so abrupt? i tried just appending it after toggle() in the code below but that doesnt work. anyone? $(".bio-toggler").click(function () { $("#bio-form").toggle