JSFiddle

dahand's public fiddles

• zywohjkq

  jQuery 2.1.3, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• d4eackxs

  jQuery 2.1.3, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• qfdtk5go

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 4tdp6f9e

  Work! with ID trying to get menu name to be not exactly same as list class

• Private fiddle Extra
• Delete fiddle
Groups Extra
• broL7q04

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jLw5c4e0

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• ec3rsf1j

  Show/Hide li tag elements using jQuery Okay, to implement this feature below is the solution. First hide the "names" list (List of countries). After that write a click event on "a letter" tag, which gets called when any alphabet is clicked. Inside the click event, first fetch the text of clicked alphabet. After that loop through all the li element of "names" list. Inside the loop, check if the first letter of li element text starts with the clicked alphabet. This can be done using indexOf method. If the index is 0 then that is the element which we want to show, otherwise hide. http://www.jquerybyexample.net/2012/04/showhide-li-tag-elements-using-jquery.html

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vnx7c5yj

  List Item n-th child 2nd example - my version

• Private fiddle Extra
• Delete fiddle
Groups Extra
• spebz76h

  List Item n-th child 2nd example - original version

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 6qum2o4L

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• omdc4Lb8

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra