html - Can I use glyphicons as collapsible bullet points? -


is possible set clickable glyphicons bullet points instead of buttons? right i've managed put buttons, i'm hiding bullet points.

code here: http://www.codeply.com/go/wdczrcnhyg

i'm trying put glyphicons bullets, when click on them collapse if they're bolded (meaning there's description in sub-bullets) , they're normal or faded when they're not collapsible.

something this: http://www.codeply.com/go/zavfmmybdr item3 , item4 bullets bolded , clickable/collapsible.

right i'm trying figure out if can use buttons , hide background , outline glyphicon shown. in case need specify item1 , item2 buttons not clickable.

any appreciated. i'm new i'm sorry if didn't explain myself enough:)

p.s. instructed i'm adding code here instead of providing outside link.

.btn {      padding: 0px 5px;  }    /* icon when collapsible content shown */    .btn:after {      font-family: "glyphicons halflings";      content: "\e113";      float: left;    }      /* icon when collapsible content hidden */    .btn.collapsed:after {      content: "\e080";    }
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>      <body>  <p class="font_heading"><small>attractions</small></p>                              <ul id="placepul" style="list-style: none;">                                  <li style="margin-left:28px">item1</li>                                     <li style="margin-left:28px">item2</li>                                  <li><button type="button" class="btn btn-info btn-xs collapsed" data-toggle="collapse" data-target="#demo1"></button> item3</li>                                      <ul id="demo1" class="collapse">                                          <li>description 1</li>                                          <li>description 2</li>                                          <li>description 3</li>                                      </ul>                                  <li><button type="button" class="btn btn-info btn-xs collapsed" data-toggle="collapse" data-target="#demo2"></button> item4</li>                                      <ul id="demo2" class="collapse">                                          <li>description 4</li>                                          <li>description 5</li>                                          <li>description 6</li>                                      </ul>  							    </ul>    </body>

it is...you have move data-toggle attribute li , target specifically.

li {    padding-left: 1.5em;    position: relative;  }  /* icon when collapsible content shown */    li[data-toggle="collapse"]:after {    position: absolute;    left: 0;    top: 0;    font-family: "glyphicons halflings";    content: "\e113";    color:black;  }  /* icon when collapsible content hidden */    li[data-toggle="collapse"].collapsed:after {    content: "\e080";    color:grey;  }
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>    <h4>toggling </h4>  <ul id="placepul" style="list-style: none;">    <li>item1</li>    <li>item2</li>    <li class="collapsed" data-toggle="collapse" data-target="#demo1">item3</li>    <ul id="demo1" class="collapse">      <li>description 1</li>      <li>description 2</li>      <li>description 3</li>    </ul>    <li class="collapsed" data-toggle="collapse" data-target="#demo2">item4</li>    <ul id="demo2" class="collapse">      <li>description 4</li>      <li>description 5</li>      <li>description 6</li>    </ul>  </ul>


-

Comments

Post a Comment

Popular posts from this blog

serialization - Convert Any type in scala to Array[Byte] and back -

i have following question: i have variable value in program declared value. i want convert value byte array.. how can serialize byte array , back? found examples related other types such double or int, not any. this should need. it's pretty similar how 1 in java. import java.io.{bytearrayinputstream, bytearrayoutputstream, objectinputstream, objectoutputstream} object serialization extends app { def serialise(value: any): array[byte] = { val stream: bytearrayoutputstream = new bytearrayoutputstream() val oos = new objectoutputstream(stream) oos.writeobject(value) oos.close stream.tobytearray } def deserialise(bytes: array[byte]): = { val ois = new objectinputstream(new bytearrayinputstream(bytes)) val value = ois.readobject ois.close value } println(deserialise(serialise("my test"))) println(deserialise(serialise(list(1)))) println(deserialise(serialise(map(1 -> 2)))) println(deserialise(seri
Read more

matplotlib support failed in PyCharm on OSX -

any idea how fix ? how can debug might problem ? not seem : https://youtrack.jetbrains.com/issue/py-15520 i in console: python 2.6.9 (unknown, jul 14 2015, 19:46:31) [gcc 4.2.1 compatible apple llvm 6.0 (clang-600.0.39)] on darwin >>> import matplotlib.pyplot plt matplotlib support failed the backend : >>> import matplotlib >>> print(matplotlib.rcparams['backend']) macosx
Read more

python - Matplotlib: TypeError: 'AxesSubplot' object is not callable -

i new programming please pardon me if rookie mistake. i writing python script have defined functions create subplots of distributions. i have slider widget end user change value of variables(mu , sigma) , see effect on distribution. here's code import numpy np print np.__version__ import scipy print scipy.__version__ scipy.stats import norm, lognorm, uniform import matplotlib print matplotlib.__version__ import matplotlib.pyplot plt matplotlib.widgets import slider, button, radiobuttons, checkbuttons #####calculating mean , standard deviation##### global mu_a1 mu_a1 = 1 global mu_b1 mu_b1 = 10 global mu_c1 mu_c1 = -13 global sigma_a1 sigma_a1 = 0.14 global sigma_b1 sigma_b1 = 1.16 global sigma_c1 sigma_c1 = 2.87 mu_x01 = -11 sigma_x01 = 1.9 #####_____##### #####generating random data##### a1 = 0.75*mu_a1 + (1.25 - 0.75)*sigma_a1*np.random.sample(10000) b1 = 8*mu_b1 + (12 - 8)*sigma_b1*np.random.sample(10000) c1 = -12*mu_c1 + 2*sigma_c1*np.random.sample(10000)
Read more