javascript - Open close buttons function bootstrap -

-

i using bootstrap collapse hide , show content on page , change bit. here example bootply. 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">    <div class="container">    <div class="row">      <div class="col-md-6 col-lg-6">        <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#first">first</button>        <div id="first" class="collapse">          lorem ipsum dolor sit amet, consectetur adipisicing elit,          sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam,          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.        </div>      </div>       <div class="col-md-6 col-lg-6">        <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#second">second</button>        <div id="second" class="collapse">          lorem ipsum dolor sit amet, consectetur adipisicing elit,          sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam,          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.        </div>      </div>     </div>   </div>    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

let's first 1 open , second closed. when click on second , opens first 1 close (and other way around).

is possible javascript/jquery? still learning javascript/jquery , have little knowledge, appreciated.

bootstrap accordion without panels

the accordion example requires use of panel component. however, similar behavior can achieved blocks.

you can cook simple jquery script using following ingredients:

  1. show.bs.collapse event:

    this event fires when show instance method called.

  2. .collapse('hide') method:

    hides collapsible element.

  3. .collapse.in class:

    • .collapse hides content
    • .collapse.in shows content

please check result: bootply

$('.collapse').on('show.bs.collapse', function () {    $('.collapse.in').collapse('hide');  })
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">    <div class="container">    <div class="row">      <div class="col-md-6 col-lg-6">        <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#first">first</button>        <div id="first" class="collapse">          lorem ipsum dolor sit amet, consectetur adipisicing elit,          sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam,          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.        </div>      </div>       <div class="col-md-6 col-lg-6">        <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#second">second</button>        <div id="second" class="collapse">          lorem ipsum dolor sit amet, consectetur adipisicing elit,          sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam,          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.        </div>      </div>     </div>   </div>    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


Comments

Post a Comment

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

-
i trying work entity inside request method of spring boot application. entity in project , pom.xml has dependencies it. why error message?: org.hibernate.unknownentitytypeexception: unable locate persister: com.ric.bill.model.bs.par package com.ric.web; import java.util.concurrent.atomic.atomiclong; import javax.persistence.entitymanager; import javax.persistence.persistencecontext; import net.sf.ehcache.cachemanager; import net.sf.ehcache.management.cache; import net.sf.ehcache.management.cachestatistics; import org.hibernate.stat.statistics; import org.springframework.beans.factory.annotation.autowired; import org.springframework.boot.autoconfigure.domain.entityscan; import org.springframework.cache.annotation.enablecaching; import org.springframework.transaction.annotation.enabletransactionmanagement; import org.springframework.transaction.annotation.propagation; import org.springframework.transaction.annotation.transactional; import org.springframework.web.bind.annotati
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc
Read more

c - double free or corruption (fasttop) -

-
this code reads null terminated string file (file containing null terminated strings & should provide index wanted string). error: *** error in `./main': double free or corruption (fasttop): 0x090a4a80 *** aborted code: char *tmp_realloc=null; char *sstring=null; int i=1; /*set file pointer point string*/ fseek(fh,index,seek_set); sstring=(char*)malloc(sizeof(char)); if(sstring == null) return null; tmp_realloc=sstring; while( (*(sstring+i-1)=(char)fgetc((file*)fh)) != 0x0 ) { /*reallocate more memory*/ tmp_realloc=(char*)realloc((char*)sstring,++i); /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strcpy((char*)tmp_realloc,(char*)sstring); free(sstring); sstring=tmp_realloc; } } could tell me pointer causing issue (& reason) ? remove part /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strc
Read more