我如何组合这些功能？

Question

这些都有效，但不是同时发挥作用。我必须禁用一个让另一个工作。有没有办法将两者结合起来？我想要做的就是在同一次点击，激活模态窗口并将一些CSS应用于几个元素。

http://jsfiddle.net/fDP5X/4/

<script type="text/javascript">//Product Popup
    $(document).ready(function() {
    $(".various").fancybox({
        padding     : 0,
        fitToView   : false,
        width       : '500',
        height      : '380',
        autoSize    : false,
        closeClick  : true,
        openEffect  : 'elastic',
        closeEffect : 'elastic',
        closeBtn    : true,
        scrolling   : 'no',
        preload     : false,
        helpers     : {
            overlay : {
                closeClick : true,
                css        : {'background' : 'rgba(0, 0, 0, 0)'},
                }
            }
        });
    });
</script>  

---

<script type="text/javascript">//Product Details popup and darken
$(function() {
    $( ".various" ).toggle(
        function() {
            $( "#tabDetails,.active h2,.active" ).animate({
                backgroundColor: "#c9c9c9",
            }, 250 );
        },
        function() {
            $( "#tabDetails,.active h2,.active" ).animate({
                backgroundColor: "#fff",
            }, 750 );
        }
        );
    $( ".turnwhite" ).click(
        function() {
            $( "#tabDetails,.active" ).animate({
                backgroundColor: "#fff",
            }, 750 );
            $( "#tabContaier ul li a h2" ).addClass("tabheaderbackground");
            $( "#tabContaier ul li a" ).css("background-color", "#FFF");
            $( "#tabContaier ul li a h2" ).css("background-color", "#FFF");
        }
    );

});
</script>