javascript - HIde and show elements from list -

-

on screen load need hide elements list except li#active_language.

second step click on visible li#active_language element, should open other li elements. tried code below isn't working.

hope can help. thanks

$(document).ready(function(){ $( ".jflanguageselection li:not(#active_language)").hide(); $( "#active_language" ).click(function() { $( ".jflanguageselection li:not(#active_language)").css("display","block";).show(10000); }); });

here html code:

<ul class="jflanguageselection"> <li><a href="#"><img src="#" alt="english" title="english"></a></li> <li id="active_language"><a href="#"><img src="#" alt="deutsch" title="deutsch"></a></li> <li><a href="#"><img src="#" alt="swedish" title="swedish"></a></li> <li><a href="#"><img src="#" alt="serbian" title="serbian"></a></li> </ul>

from site solution is:

$(function () {    $('#jflanguageselection ul.jflanguageselection li:not("#active_language")').hide();    $('#active_language').on('click', function(e) {      e.preventdefault();      $('#jflanguageselection ul.jflanguageselection li:not("#active_language")').toggle(1000);    });  });
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>    <div id="jflanguageselection">      <ul class="jflanguageselection">          <li style="display: none;"><a href="http://www.crna-gora-apartmani.com/en/"><img                  src="http://www.crna-gora-apartmani.com/components/com_joomfish/images/flags/en.gif" alt="english"                  title="english"></a></li>          <li style="display: none;"><a href="http://www.crna-gora-apartmani.com/sr/"><img                  src="http://www.crna-gora-apartmani.com/components/com_joomfish/images/flags/sr.gif" alt="mne/sr"                  title="mne/sr"></a></li>          <li style="display: none;"><a href="http://www.crna-gora-apartmani.com/"><img                  src="http://www.crna-gora-apartmani.com/components/com_joomfish/images/flags/ru.gif" alt="russian"                  title="russian"></a></li>          <li style="display: none;"><a href="http://www.crna-gora-apartmani.com/pl/"><img                  src="http://www.crna-gora-apartmani.com/components/com_joomfish/images/flags/pl.gif" alt="polish"                  title="polish"></a></li>          <li style="display: none;"><a href="http://www.crna-gora-apartmani.com/ro/"><img                  src="http://www.crna-gora-apartmani.com/components/com_joomfish/images/flags/ro.gif" alt="romanian"                  title="romanian"></a></li>          <li style="display: none;"><a href="http://www.crna-gora-apartmani.com/cz/"><img                  src="http://www.crna-gora-apartmani.com/components/com_joomfish/images/flags/cz.gif" alt="czech"                  title="czech"></a></li>          <li id="active_language"><a href="http://www.crna-gora-apartmani.com/de/"><img                  src="http://www.crna-gora-apartmani.com/components/com_joomfish/images/flags/de.gif" alt="deutsch"                  title="deutsch"></a></li>          <li style="display: none;"><a href="http://www.crna-gora-apartmani.com/it/"><img                  src="http://www.crna-gora-apartmani.com/components/com_joomfish/images/flags/it.gif" alt="italian"                  title="italian"></a></li>          <li style="display: none;"><a href="http://www.crna-gora-apartmani.com/fr/"><img                  src="http://www.crna-gora-apartmani.com/components/com_joomfish/images/flags/fr.gif" alt="francais"                  title="francais"></a></li>          <li style="display: none;"><a href="http://www.crna-gora-apartmani.com/se/"><img                  src="http://www.crna-gora-apartmani.com/components/com_joomfish/images/flags/se.gif" alt="swedish"                  title="swedish"></a></li>          <li style="display: none;"><a href="http://www.crna-gora-apartmani.com/hu/"><img                  src="http://www.crna-gora-apartmani.com/components/com_joomfish/images/flags/hu.gif" alt="magyar"                  title="magyar"></a></li>      </ul>  </div>


Comments

Post a Comment

Popular posts from this blog

html - Styling progress bar with inline style -

-
i trying set progress bar color red using inline style. need in way because have access <body> part of document. style need apply: progress { color: red } progress::-moz-progress-bar { background: red;} progress::-webkit-progress-value { background: red; } progress[aria-valuenow]:before { background: red; } i tried <progress style="background: red;"> incorrect effect, progress bar color turns blue red background. guide right direction desired style? thank in advance. here live example: https://jsfiddle.net/z36d3f6l/
Read more

java - Oracle Sql developer error: could not install some modules -

-
i have downloaded fresh copy of sqldeveloper ( sqldeveloper-4.1.3.20.78-no-jre ) oracle website. when unzip , lauch gui, keep getting following error message: warning - not install modules: dynamic module config - no module providing capability org.netbeans.netbinox found. my system: windows 7 32 bit hp probook. jdk 1.6 , 1.7, 1.8 available in java/jdk subdirectory. netbeans 8.0.2 installed finally got way out after dirty hours. extracted sqldeveloper zip in nested directory. i.e: e://a/b/c/sqldeveloper. starting sqldeveloper gui above directory threw erros. solution: go in c:\users**username**\appdata\roaming : delete sql developer , sqldeveloper folders extract sql developer zip in new non nested directory. i.e: e:// start , should work now reference: https://community.oracle.com/thread/3870680?start=0&tstart=0
Read more

How to use autoclose brackets in Jupyter notebook? -

-
this may sound silly question, how make use of autoclose brackets in jupyter notebook? example, when type print( jupyter notebook auto-closes brakets print() and places cursor inside. type argument, say print(1 + 1) now cursor between second 1 , right bracket ) . key navigate right of ) ? of course can press end or → or ) achieve this, not seem save time, purpose of brackets autoclose suppose? thanks in advance.
Read more