How to show/hide div using input range value
I want to show/hide div using input range value in loop so i need to use this
if someone know im waiting for help
$(function() {
$(".range").on('click', function() {
$(this).parent().next(".content").toggle();
});
})
https://jsfiddle.net/w1zp3r/1gyxm65o/7/
javascript jquery
add a comment |
I want to show/hide div using input range value in loop so i need to use this
if someone know im waiting for help
$(function() {
$(".range").on('click', function() {
$(this).parent().next(".content").toggle();
});
})
https://jsfiddle.net/w1zp3r/1gyxm65o/7/
javascript jquery
So you want to show the content when the range indicator is past halfway?
– Cata John
Nov 26 '18 at 7:16
What exactly you need to do with range selector? I mean does the div will display at a certain value on range or just the click?
– Coding Master
Nov 26 '18 at 7:36
@CataJohn hmm , yes somehow i wanted to show div when exact value selected
– W 1 Z P 3 R
Nov 26 '18 at 18:42
@CodingMaster I want to show div when .. for example: customer choose a value under value 3 a div appear and ask why did you choose 3
– W 1 Z P 3 R
Nov 26 '18 at 18:44
add a comment |
I want to show/hide div using input range value in loop so i need to use this
if someone know im waiting for help
$(function() {
$(".range").on('click', function() {
$(this).parent().next(".content").toggle();
});
})
https://jsfiddle.net/w1zp3r/1gyxm65o/7/
javascript jquery
I want to show/hide div using input range value in loop so i need to use this
if someone know im waiting for help
$(function() {
$(".range").on('click', function() {
$(this).parent().next(".content").toggle();
});
})
https://jsfiddle.net/w1zp3r/1gyxm65o/7/
javascript jquery
javascript jquery
asked Nov 26 '18 at 7:10
W 1 Z P 3 RW 1 Z P 3 R
54
54
So you want to show the content when the range indicator is past halfway?
– Cata John
Nov 26 '18 at 7:16
What exactly you need to do with range selector? I mean does the div will display at a certain value on range or just the click?
– Coding Master
Nov 26 '18 at 7:36
@CataJohn hmm , yes somehow i wanted to show div when exact value selected
– W 1 Z P 3 R
Nov 26 '18 at 18:42
@CodingMaster I want to show div when .. for example: customer choose a value under value 3 a div appear and ask why did you choose 3
– W 1 Z P 3 R
Nov 26 '18 at 18:44
add a comment |
So you want to show the content when the range indicator is past halfway?
– Cata John
Nov 26 '18 at 7:16
What exactly you need to do with range selector? I mean does the div will display at a certain value on range or just the click?
– Coding Master
Nov 26 '18 at 7:36
@CataJohn hmm , yes somehow i wanted to show div when exact value selected
– W 1 Z P 3 R
Nov 26 '18 at 18:42
@CodingMaster I want to show div when .. for example: customer choose a value under value 3 a div appear and ask why did you choose 3
– W 1 Z P 3 R
Nov 26 '18 at 18:44
So you want to show the content when the range indicator is past halfway?
– Cata John
Nov 26 '18 at 7:16
So you want to show the content when the range indicator is past halfway?
– Cata John
Nov 26 '18 at 7:16
What exactly you need to do with range selector? I mean does the div will display at a certain value on range or just the click?
– Coding Master
Nov 26 '18 at 7:36
What exactly you need to do with range selector? I mean does the div will display at a certain value on range or just the click?
– Coding Master
Nov 26 '18 at 7:36
@CataJohn hmm , yes somehow i wanted to show div when exact value selected
– W 1 Z P 3 R
Nov 26 '18 at 18:42
@CataJohn hmm , yes somehow i wanted to show div when exact value selected
– W 1 Z P 3 R
Nov 26 '18 at 18:42
@CodingMaster I want to show div when .. for example: customer choose a value under value 3 a div appear and ask why did you choose 3
– W 1 Z P 3 R
Nov 26 '18 at 18:44
@CodingMaster I want to show div when .. for example: customer choose a value under value 3 a div appear and ask why did you choose 3
– W 1 Z P 3 R
Nov 26 '18 at 18:44
add a comment |
1 Answer
1
active
oldest
votes
Well i figured it out
if someone else need can use this
$(function() {
$(".range").on('click', function() {
if ($("input").val() == 5 ) {
$(this).parent().next(".content").toggle();
}
else {
$(this).parent().next(".content").hide();
}
});
})
You should use.on('change')
instead of click. This will get the value even if the user holds the click button while changing the range. Also if$('input')
refers to.range
you should usethis.value
instead. In your case you are checking the value of allinputs
in your app.
– Cata John
Nov 26 '18 at 7:24
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53476207%2fhow-to-show-hide-div-using-input-range-value%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Well i figured it out
if someone else need can use this
$(function() {
$(".range").on('click', function() {
if ($("input").val() == 5 ) {
$(this).parent().next(".content").toggle();
}
else {
$(this).parent().next(".content").hide();
}
});
})
You should use.on('change')
instead of click. This will get the value even if the user holds the click button while changing the range. Also if$('input')
refers to.range
you should usethis.value
instead. In your case you are checking the value of allinputs
in your app.
– Cata John
Nov 26 '18 at 7:24
add a comment |
Well i figured it out
if someone else need can use this
$(function() {
$(".range").on('click', function() {
if ($("input").val() == 5 ) {
$(this).parent().next(".content").toggle();
}
else {
$(this).parent().next(".content").hide();
}
});
})
You should use.on('change')
instead of click. This will get the value even if the user holds the click button while changing the range. Also if$('input')
refers to.range
you should usethis.value
instead. In your case you are checking the value of allinputs
in your app.
– Cata John
Nov 26 '18 at 7:24
add a comment |
Well i figured it out
if someone else need can use this
$(function() {
$(".range").on('click', function() {
if ($("input").val() == 5 ) {
$(this).parent().next(".content").toggle();
}
else {
$(this).parent().next(".content").hide();
}
});
})
Well i figured it out
if someone else need can use this
$(function() {
$(".range").on('click', function() {
if ($("input").val() == 5 ) {
$(this).parent().next(".content").toggle();
}
else {
$(this).parent().next(".content").hide();
}
});
})
answered Nov 26 '18 at 7:18
W 1 Z P 3 RW 1 Z P 3 R
54
54
You should use.on('change')
instead of click. This will get the value even if the user holds the click button while changing the range. Also if$('input')
refers to.range
you should usethis.value
instead. In your case you are checking the value of allinputs
in your app.
– Cata John
Nov 26 '18 at 7:24
add a comment |
You should use.on('change')
instead of click. This will get the value even if the user holds the click button while changing the range. Also if$('input')
refers to.range
you should usethis.value
instead. In your case you are checking the value of allinputs
in your app.
– Cata John
Nov 26 '18 at 7:24
You should use
.on('change')
instead of click. This will get the value even if the user holds the click button while changing the range. Also if $('input')
refers to .range
you should use this.value
instead. In your case you are checking the value of all inputs
in your app.– Cata John
Nov 26 '18 at 7:24
You should use
.on('change')
instead of click. This will get the value even if the user holds the click button while changing the range. Also if $('input')
refers to .range
you should use this.value
instead. In your case you are checking the value of all inputs
in your app.– Cata John
Nov 26 '18 at 7:24
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53476207%2fhow-to-show-hide-div-using-input-range-value%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
So you want to show the content when the range indicator is past halfway?
– Cata John
Nov 26 '18 at 7:16
What exactly you need to do with range selector? I mean does the div will display at a certain value on range or just the click?
– Coding Master
Nov 26 '18 at 7:36
@CataJohn hmm , yes somehow i wanted to show div when exact value selected
– W 1 Z P 3 R
Nov 26 '18 at 18:42
@CodingMaster I want to show div when .. for example: customer choose a value under value 3 a div appear and ask why did you choose 3
– W 1 Z P 3 R
Nov 26 '18 at 18:44