update a list of items with other list with css is possible?Set cellpadding and cellspacing in CSS?Convert HTML + CSS to PDF with PHP?Is there a CSS parent selector?Need an unordered list without any bulletsChange an HTML5 input's placeholder color with CSSHow to create an HTML button that acts like a link?Make the cursor a hand when a user hovers over a list itemHow can I transition height: 0; to height: auto; using CSS?How do I vertically center text with CSS?Is it possible to apply CSS to half of a character?
How to report a triplet of septets in NMR tabulation?
Why was the small council so happy for Tyrion to become the Master of Coin?
N.B. ligature in Latex
Download, install and reboot computer at night if needed
"which" command doesn't work / path of Safari?
I see my dog run
I’m planning on buying a laser printer but concerned about the life cycle of toner in the machine
I probably found a bug with the sudo apt install function
Copycat chess is back
least quadratic residue under GRH: an EXPLICIT bound
Why has Russell's definition of numbers using equivalence classes been finally abandoned? ( If it has actually been abandoned).
How to calculate implied correlation via observed market price (Margrabe option)
What Brexit solution does the DUP want?
Chess with symmetric move-square
What do you call something that goes against the spirit of the law, but is legal when interpreting the law to the letter?
What makes Graph invariants so useful/important?
Can a German sentence have two subjects?
Can I make popcorn with any corn?
How can the DM most effectively choose 1 out of an odd number of players to be targeted by an attack or effect?
How can bays and straits be determined in a procedurally generated map?
Accidentally leaked the solution to an assignment, what to do now? (I'm the prof)
Is there a familial term for apples and pears?
How to make payment on the internet without leaving a money trail?
How can I fix this gap between bookcases I made?
update a list of items with other list with css is possible?
Set cellpadding and cellspacing in CSS?Convert HTML + CSS to PDF with PHP?Is there a CSS parent selector?Need an unordered list without any bulletsChange an HTML5 input's placeholder color with CSSHow to create an HTML button that acts like a link?Make the cursor a hand when a user hovers over a list itemHow can I transition height: 0; to height: auto; using CSS?How do I vertically center text with CSS?Is it possible to apply CSS to half of a character?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I'm trying to make it so when I click on the href "+ links", my list of links updates to my other list of links.
Is it possible to do this using only html and css? I am looking for documentation on this but I haven't find anything, so I guess I'm looking for a little help.
<footer id="footer-container">
<section id="footer1">
<ul>
<h1>Links</h1>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#"> + links </a></li>
</ul>
<ul>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
<li><a href="#">Link 7</a></li>
<li><a href="#">Link 8</a></li>
<li><a href="#">+ links</a></li>
</ul>
</section>
</footer>
html css css3
edited Mar 8 at 6:02
Cœur
19.3k10116155
asked Feb 28 '14 at 19:18
andyBandyB
4929
add a comment |
I'm trying to make it so when I click on the href "+ links", my list of links updates to my other list of links.
Is it possible to do this using only html and css? I am looking for documentation on this but I haven't find anything, so I guess I'm looking for a little help.
<footer id="footer-container">
<section id="footer1">
<ul>
<h1>Links</h1>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#"> + links </a></li>
</ul>
<ul>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
<li><a href="#">Link 7</a></li>
<li><a href="#">Link 8</a></li>
<li><a href="#">+ links</a></li>
</ul>
</section>
</footer>
html css css3
edited Mar 8 at 6:02
Cœur
19.3k10116155
asked Feb 28 '14 at 19:18
andyBandyB
4929
2
NO you cannot tweak your DOM using CSS
– Mr. Alien
Feb 28 '14 at 19:20
Ah ok, I didnt know, thanks!
– andyB
Feb 28 '14 at 19:25
add a comment |
I'm trying to make it so when I click on the href "+ links", my list of links updates to my other list of links.
Is it possible to do this using only html and css? I am looking for documentation on this but I haven't find anything, so I guess I'm looking for a little help.
<footer id="footer-container">
<section id="footer1">
<ul>
<h1>Links</h1>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#"> + links </a></li>
</ul>
<ul>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
<li><a href="#">Link 7</a></li>
<li><a href="#">Link 8</a></li>
<li><a href="#">+ links</a></li>
</ul>
</section>
</footer>
html css css3
edited Mar 8 at 6:02
Cœur
19.3k10116155
asked Feb 28 '14 at 19:18
andyBandyB
4929
I'm trying to make it so when I click on the href "+ links", my list of links updates to my other list of links.
Is it possible to do this using only html and css? I am looking for documentation on this but I haven't find anything, so I guess I'm looking for a little help.
<footer id="footer-container">
<section id="footer1">
<ul>
<h1>Links</h1>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#"> + links </a></li>
</ul>
<ul>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
<li><a href="#">Link 7</a></li>
<li><a href="#">Link 8</a></li>
<li><a href="#">+ links</a></li>
</ul>
</section>
</footer>
html css css3
html css css3
edited Mar 8 at 6:02
Cœur
19.3k10116155
asked Feb 28 '14 at 19:18
andyBandyB
4929
edited Mar 8 at 6:02
Cœur
19.3k10116155
asked Feb 28 '14 at 19:18
andyBandyB
4929
edited Mar 8 at 6:02
Cœur
19.3k10116155
edited Mar 8 at 6:02
Cœur
19.3k10116155
edited Mar 8 at 6:02
Cœur
19.3k10116155
19.3k10116155
asked Feb 28 '14 at 19:18
andyBandyB
4929
asked Feb 28 '14 at 19:18
andyBandyB
4929
asked Feb 28 '14 at 19:18
andyBandyB
4929
4929
2
NO you cannot tweak your DOM using CSS
– Mr. Alien
Feb 28 '14 at 19:20
Ah ok, I didnt know, thanks!
– andyB
Feb 28 '14 at 19:25
add a comment |
2
NO you cannot tweak your DOM using CSS
– Mr. Alien
Feb 28 '14 at 19:20
Ah ok, I didnt know, thanks!
– andyB
Feb 28 '14 at 19:25
2
2
NO you cannot tweak your DOM using CSS
– Mr. Alien
Feb 28 '14 at 19:20
NO you cannot tweak your DOM using CSS
– Mr. Alien
Feb 28 '14 at 19:20
Ah ok, I didnt know, thanks!
– andyB
Feb 28 '14 at 19:25
Ah ok, I didnt know, thanks!
– andyB
Feb 28 '14 at 19:25
add a comment |
1 Answer
1
active
oldest
votes
Simple answer: Not Possible.
CSS & HTML cannot change state via clicks. You can achieve changing which list is shown when the user hovers over something, but you cannot do this when a user clicks something.
EDIT: To respond to your comment about jQuery:
$('#myID').click(function
Put your changes here. The above line will trigger when a user clicks on an element with the id of myID.
You could accomplish the menu change by hiding and showing:
$('ul#firstList').hide();
$('ul#secondList').show();
You'll need to use an if/else statement to see which list is currently visible though.
);
answered Feb 28 '14 at 19:23
Andy MercerAndy Mercer
4,06933062
Ok, thank you, i didnt have found that information! So I´ll try to find a way with jquery!
– andyB
Feb 28 '14 at 19:27
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%2f22103978%2fupdate-a-list-of-items-with-other-list-with-css-is-possible%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
Simple answer: Not Possible.
CSS & HTML cannot change state via clicks. You can achieve changing which list is shown when the user hovers over something, but you cannot do this when a user clicks something.
EDIT: To respond to your comment about jQuery:
$('#myID').click(function
Put your changes here. The above line will trigger when a user clicks on an element with the id of myID.
You could accomplish the menu change by hiding and showing:
$('ul#firstList').hide();
$('ul#secondList').show();
You'll need to use an if/else statement to see which list is currently visible though.
);
answered Feb 28 '14 at 19:23
Andy MercerAndy Mercer
4,06933062
Ok, thank you, i didnt have found that information! So I´ll try to find a way with jquery!
– andyB
Feb 28 '14 at 19:27
add a comment |
Simple answer: Not Possible.
CSS & HTML cannot change state via clicks. You can achieve changing which list is shown when the user hovers over something, but you cannot do this when a user clicks something.
EDIT: To respond to your comment about jQuery:
$('#myID').click(function
Put your changes here. The above line will trigger when a user clicks on an element with the id of myID.
You could accomplish the menu change by hiding and showing:
$('ul#firstList').hide();
$('ul#secondList').show();
You'll need to use an if/else statement to see which list is currently visible though.
);
answered Feb 28 '14 at 19:23
Andy MercerAndy Mercer
4,06933062
Ok, thank you, i didnt have found that information! So I´ll try to find a way with jquery!
– andyB
Feb 28 '14 at 19:27
add a comment |
Simple answer: Not Possible.
CSS & HTML cannot change state via clicks. You can achieve changing which list is shown when the user hovers over something, but you cannot do this when a user clicks something.
EDIT: To respond to your comment about jQuery:
$('#myID').click(function
Put your changes here. The above line will trigger when a user clicks on an element with the id of myID.
You could accomplish the menu change by hiding and showing:
$('ul#firstList').hide();
$('ul#secondList').show();
You'll need to use an if/else statement to see which list is currently visible though.
);
answered Feb 28 '14 at 19:23
Andy MercerAndy Mercer
4,06933062
Simple answer: Not Possible.
CSS & HTML cannot change state via clicks. You can achieve changing which list is shown when the user hovers over something, but you cannot do this when a user clicks something.
EDIT: To respond to your comment about jQuery:
$('#myID').click(function
Put your changes here. The above line will trigger when a user clicks on an element with the id of myID.
You could accomplish the menu change by hiding and showing:
$('ul#firstList').hide();
$('ul#secondList').show();
You'll need to use an if/else statement to see which list is currently visible though.
);
answered Feb 28 '14 at 19:23
Andy MercerAndy Mercer
4,06933062
edited Feb 28 '14 at 19:35
answered Feb 28 '14 at 19:23
Andy MercerAndy Mercer
4,06933062
answered Feb 28 '14 at 19:23
Andy MercerAndy Mercer
4,06933062
answered Feb 28 '14 at 19:23
Andy MercerAndy Mercer
4,06933062
4,06933062
Ok, thank you, i didnt have found that information! So I´ll try to find a way with jquery!
– andyB
Feb 28 '14 at 19:27
add a comment |
Ok, thank you, i didnt have found that information! So I´ll try to find a way with jquery!
– andyB
Feb 28 '14 at 19:27
Ok, thank you, i didnt have found that information! So I´ll try to find a way with jquery!
– andyB
Feb 28 '14 at 19:27
Ok, thank you, i didnt have found that information! So I´ll try to find a way with jquery!
– andyB
Feb 28 '14 at 19:27
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%2f22103978%2fupdate-a-list-of-items-with-other-list-with-css-is-possible%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
2
NO you cannot tweak your DOM using CSS
– Mr. Alien
Feb 28 '14 at 19:20
Ah ok, I didnt know, thanks!
– andyB
Feb 28 '14 at 19:25