JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dl.dropbox.com/u/40036711/Scripts/jquery.ddslick.js"></script>
<a href="javascript:;" id="0" data-lang="German">To German</a>
<a href="javascript:;" id="1" data-lang="Spanish">To Spanish</a>
  </br>
    </br>
<ul>
    <li><a class="clickButton" href="folder1/firstLink/Languages/English/folder/index.html">Index Link</a></li>
    <li><a class="clickButton" href="../folder2/secondLink/Languages/English/folder/index.html">A different Link </a></li>
    <li><a class="clickButton" href="../../folder3/Languages/English/folder/index.html">Another different link</a></li>
<ul>
    </br>
    </br>

                        <article class="half-l">
                <h3>SET selected Dropdown Option</h3>
                <div class="demo-content">
                    <div class="demo-live">
                        <p id="setIndexMsg">Try an index between 0 to 2</p>
                        <input type="text" id="setIndex" value="0" />
                        <button id="btnSetSelected">
                            Set Selection</button>
                        <div class="spacer"></div>
                        <div id="demoSetSelected">
                        </div>
                        
                        
                    </div>                    
                </div>
            </article>

</br>
<p> another test</p>

<div class="demo-content">
                    <div class=".clickButton">
                        <div id="demoDefaultSelection"></div>
                        
                    </div>
                </div>

JavaScript

var current = "English"
$("[data-lang]").on("click", function() {
    var lang = $(this).data("lang");
    $(".clickButton").prop("href", function(i, href) {
        return href.replace(current, lang);
    });
        
        var id = $(this).prop("id");
        if(id  >= 0 && id <3)
           $('#demoSetSelected').ddslick('select', {index: id }); 
    current = lang;
});


// START ddSlick
  $(document).ready(function () {

 
          
            //Dropdown plugin data
            var ddData = [
                {
                    text: "German",
                    value: "German",
                    description: "Description",
                 
                  
                },
                {
                    text: "Spanish",
                    value: "Spanish",
                    description: "Description",
                       
                },
                {
                    text: "English",
                    value: "English",
                    description: "Description",
                     
                }
            ];

   
            $('#demoDefaultSelection').ddslick({
                data: ddData,
                defaultSelectedIndex:2
            });

      $('#demoSetSelected').ddslick({
    data: ddData,
    selectText: "Select Language"
});
      

$('#btnSetSelected').on('click', function () {
    var i = $('#setIndex').val();

    if(i >= 0 && i <5)
       $('#demoSetSelected').ddslick('select', {index: i });
    else
       $('#setIndexMsg').effect('highlight',2400);
});
   
      
        });