current community

your communities

more stack exchange communities

Stack Exchange
tour help
Take the 2-minute tour ×
Code Review Stack Exchange is a question and answer site for peer programmer code reviews. It's 100% free, no registration required.
up vote 0 down vote favorite

I wanna apply jQuery effect on my website, when you hover over title that it will fade - half opacity and my list hidden list menu will appear.

The code seems to work but not together. Thanks for any help 

<script>

        //Fade effect when hover over and display list menu
        $(document).ready(function() {
            $("#name").mouseover(function() {
                $("#name").css({"color":"white", "opacity":"0.5"})
            }, function(){
                $("li").slideDown();
            });

        //Cancel fade Effect and hide list menu
            $("#name").mouseout(function() {
                $(this).css({"color":"#A37519", "opacity":"1"});
            }, function() {
                $("li").hide();
            });
        });


</script>
share|improve this question

closed as off-topic by Legato, Jamal♦ Mar 9 at 23:22

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions containing broken code or asking for advice about code not yet written are off-topic, as the code is not ready for review. After the question has been edited to contain working code, we will consider reopening it." – Legato, Jamal
If this question can be reworded to fit the rules in the help center, please edit the question.
    
Hi! Welcome to Code Review. Does your code work as intended? Because "The code seems to work but not together" makes it sound like it doesn't work. –  Manny Meng Mar 9 at 22:59

Browse other questions tagged or ask your own question.