jquery - Get value of seleceted child of ul - Bootstrap3 -

I want to get the value of the selected NAV-stack.

  & lt; Div class = "call-MD-2" & gt; & Lt; Ul class = "nav nav-stacked nav-pills" id = "sidebar" & gt; & Lt; Li class = "active" & gt; & Lt; A href = "# Registration" Data-Toggle = "Tab" & gt; Registration Report & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# Event" Data-Toggle = "Tab" & gt; Event Report & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# count" data-toggle = "tab" & gt; Counting Report & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; Div class = "tab-content" & gt; & Lt; Div class = "tab-leaf active feed" id = "registration" & gt; Some content & lt; / Div & gt; & Lt; Div class = "tab-leaf fade" id = "count" & gt; Some content & lt; / Div & gt; & Lt; Div class = "tab-leaf fade" id = "events" & gt; Some content & lt; / Div & gt; & Lt; / Div & gt;  

How do I get the value of selected NAV-stacked ??

In addition, by default registration is active, but its content is not visible. It only shows when I click on it, i.e. the incident of over-change

class = "snippet-code">

You can get href

 "Snippet-code-HTML lang-HTML toppin-override">  & script; script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" & Gt; & lt; / script & gt; div class = "col-md-2" & gt; & lt; ul class = "nav nav-stacked nav-pills" id = "sidebar" & gt; & Lt; li class = "active" & gt; & lt; a href = "# registration" data-toggle = "tab" & gt; registration report & lt; / a & gt; & lt; / li & gt; & Lt; li & gt;