Loading...
Copy code
Close
Permalink
Close
Please tell us why you want to mark the subject as inappropriate.
(Maximum 200 characters)
Report Inappropriate
Cancel
Private Message
From :
guest
To :
Subject :
Content :
Type the characters you see in the picture below.
Send
Cancel
From :
guest
To :
Subject :
Content :
Type the characters you see in the picture below.
Send
Update
Cancel
Feedback
Email ID
Subject :
Comments :
Send
Cancel
Private Message
Type the characters you see in the picture below.
Type the characters you see in the picture below.
Attach files
Desktop
Google Docs
Each Attachment size should not exceed 1.0 MB.
Max no of attachments : 3
Loading User Profile...
guest
Response title
This is preview!
Attachments
Publish
Back to edit
Cancel
(
)
Sign In
New to this Portal? Click here to
Sign up
You can also use the below options to login
Login with Facebook
Login with Google
Login with Yahoo
jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate
All Forums
Recent Posts
Log In
Search
jQuery
Search
jQuery Forum
Move this topic
Forum :
Getting Started
Using jQuery
Using jQuery Plugins
Using jQuery UI
Developing jQuery Core
Developing jQuery Plugins
Developing jQuery UI
QUnit and Testing
About the jQuery Forum
jQuery Conferences
jQuery Mobile
Developing jQuery Mobile
Sub forum :
Move this topic
Cancel
Using jQuery
geekdev_f..
recognizing html element in JQuery for CSS class under class.
in
Using jQuery
•
6 years ago
My HTML code below has nested CSS classes
<div class="homepage">
<section class="hp-top">
<div class="container">
<div class="userMenu">
<ul>
<li><a href="#" class="home"><span></span></a></li>
<li><a href="#" class="News"><span></span></a></li>
<li><a href="#" class="about"><span></span></a></li>
<li><a href="#" class="contactus"><span></span></a></li>
</ul>
</div>
.....
</div>
My JQuery function below need to use the span property.
$(function() {
// set opacity to null on page load
$("
<I want to specify "
ul span"
here>
").css("opacity","0");
// on mouse over
$("
<I want to specify "
ul span"
here>
").hover(function () {
// animate opacity to full
$(this).stop().animate({
opacity: 1
}, 'slow');
},
// on mouse out
function () {
// animate opacity to nill
$(this).stop().animate({
opacity: 0
}, 'slow');
});
});
I tried this, with no luck.
$( ".homepage .hp-top .container .userMenu ul span").css("opacity","0");
Please help me solve this issue.
Thanks in Advance.
1
Replies(1)
jakecigar
Re: recognizing html element in JQuery for CSS class under class.
6 years ago
There is nothing in your <span>s. How can you tell if anything is working?
Make a demo in jsfiddle with some actual text in your <span>s.
Did you know that you can do all this with CSS alone?
JΛ̊KE
Leave a comment on jakecigar's reply
Change topic type
Topic Type :
Discussions
Questions
Ideas
Problems
No of days :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Change topic type
Cancel
Link this topic
Provide the permalink of a topic that is related to this topic
Permalink
Save
Close
Reply to geekdev_furqan's question
Top
Reply
{"z66026628":[14737000006641038],"z2950240":[14737000006641057]}
Statistics
1
Replies
1306
Views
1
Followers
Tags
Cancel
css
html5
jquery
Actions
Permalink
Related Posts
Front End Developer needed - Expert...
Need Performance Improvement Tips f...