手风琴打开和关闭时改变

时间:2017-04-28 19:21:42

标签: javascript jquery twitter-bootstrap

$(function () {
    $("#accordion").accordion();
});

$(function () {
    $(".details-toggle").click(function () {
        $(".edit-toggle").text("(read more)");
        $(".ui-state-active").find(".edit-toggle").text("read less");
    });
    $("#accordion").accordion({
        header: "h3",
        collapsible: true,
        active: false
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
 
   <div class="panel-group" id="accordion">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="" href="#collapse1">Over mezelf, Rachid Baitar </a>
        </h4>
      </div>
      <div id="collapse1" >
        <div class="panel-body">Ik ben doctor in de psychologie, relatie-, gezin- en systeempsychotherapeut, klinisch psycholoog, bemiddelaar van relationele conflicten, gastdocent en vooral mens.

Vanuit mijn liefde voor de complexiteit van het leven en relaties tussen mensen heb ik een grondige ervaring opgebouwd als psychotherapeut en psycholoog.
</div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Opleiding (read more) </a>
        </h4>
      </div>
      <div id="collapse2" class="panel-collapse collapse">
          <div class="dolessmore">

        <div class="panel-body">Mijn master in de Klinische Psychologie bekwam ik na studies aan de Katholieke Universiteit van Leuven en Universiteit van Leeds (Verenigd Koninkrijk). In deze opleiding lag de focus op hoe inzichten over het innerlijk leven en uiterlijk gedrag ingezet konden worden ter verlichting van iemands’ psychische spanningen, angsten en depressies. Verder bouwde ik ervaring op over hoe gedachten, gevoelens en gedrag over verschillende levensfasen al dan niet kunnen bijdragen tot de geestelijke gezondheid van mensen.

Later volgde ik nog een bijkomende universitaire specialisatie tot Bemiddelaar van Conflicten en Familiezaken (KULeuven) en een 4-jarige vorming tot Relatie- Gezin- en Systheempsychotherapeut (KULeuven). Binnen beide opleidingen was de basisfilosofie dat het persoonlijke van een mens onlosmakelijk verbonden is met de wederzijdse invloeden tussen mensen en de vele veranderlijke leefwerelden waarin deze plaatsvinden. Therapie voor menselijke problemen is soms ook samen zoeken naar hoe belangrijke relationele, familiale, sociale en economische betekenissen zinvol bespreekbaar kunnen worden.

<br ><br >Een interuniversitair project van de Katholieke Universiteit Leuven en de Universiteit van Gent bracht me ertoe om een doctoraatsonderzoek in de psychologie uit te voeren. Ik heb me intensief kunnen verdiepen in wat de helpende processen tijdens bemiddeling zijn en hoe kwaliteitsvolle scheidingsregelingen bekomen worden.
</div>
              </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Ervaring in praktijk (read more)</a>
        </h4>
      </div>
      <div id="collapse3" class="panel-collapse collapse">
        <div class="panel-body">Om kwaliteitsvolle therapie te bieden vind ik het belangrijk opleiding te verbinden met praktijk. Hiertoe deed ik elf jaar geleden een klinische stage aan het Centrum voor Geestelijke Gezondheidszorg te Leuven. Ik heb eveneens gedurende verscheidene jaren een assistentschap als therapeut opgenomen in het Centrum voor Relatie en Gezinstherapie (UZ Gasthuisberg). Thans ben ik als klinisch psycholoog en psychotherapeut verbonden aan het Centrum voor Geestelijke Gezondheidszorg Vlaams-Brabant Oost (CGG-VBO) alsook het PsychoTherapie Centrum (PTC) te Overijse.<br ><br > Ik neem regelmatig deel aan twee verschillende intervisiegroepen, seminaries  en doe beroep op supervisie om voeling te houden met nieuwe ontwikkelingen en blijvend een professionele aanpak te kunnen bieden.
 
Tot slot ben ik erkend door de <a href="https://www.compsy.be/sites/default/files/getuigschriften/getuigschrift_19525_1486557567.pdf"> psychologencommissie  (erkenningsnummer 801115985)</a>. Houdt in dat vertrouwelijkheid en beroepsgeheim alsook een gedegen basisopleiding, praktijkervaring en een permanente bijscholing de ethische pilaren vormen van mijn psychotherapiepraktijk.
</div>
      </div>
    </div>
  </div> 
</div>

我尝试了几个脚本来改变我的bootstrap手风琴的文字。 我想要的是: 当用户按下名为“intro(点击阅读更多)”的手风琴时,它会打开,文本应该更改为“intro(click for less)”或类似的东西。当你点击关闭它应该改回“简介(点击阅读更多)”我使用bootstrap手风琴,如果它有任何区别。 here is screenshot how the accordions look like

提前致谢。

这是我的aspx文件中的代码

<div class="panel-group" id="accordion">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="" href="#collapse1">Over mezelf, Rachid Baitar </a>
        </h4>
      </div>
      <div id="collapse1" >
        <div class="panel-body">Ik ben doctor in de psychologie, relatie-, gezin- en systeempsychotherapeut, klinisch psycholoog, bemiddelaar van relationele conflicten, gastdocent en vooral mens.

Vanuit mijn liefde voor de complexiteit van het leven en relaties tussen mensen heb ik een grondige ervaring opgebouwd als psychotherapeut en psycholoog.
</div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Opleiding (Lees verder) </a>
        </h4>
      </div>
      <div id="collapse2" class="panel-collapse collapse">
          <div class="dolessmore">

        <div class="panel-body">Mijn master in de Klinische Psychologie bekwam ik na studies aan de Katholieke Universiteit van Leuven en Universiteit van Leeds (Verenigd Koninkrijk). In deze opleiding lag de focus op hoe inzichten over het innerlijk leven en uiterlijk gedrag ingezet konden worden ter verlichting van iemands’ psychische spanningen, angsten en depressies. Verder bouwde ik ervaring op over hoe gedachten, gevoelens en gedrag over verschillende levensfasen al dan niet kunnen bijdragen tot de geestelijke gezondheid van mensen.

Later volgde ik nog een bijkomende universitaire specialisatie tot Bemiddelaar van Conflicten en Familiezaken (KULeuven) en een 4-jarige vorming tot Relatie- Gezin- en Systheempsychotherapeut (KULeuven). Binnen beide opleidingen was de basisfilosofie dat het persoonlijke van een mens onlosmakelijk verbonden is met de wederzijdse invloeden tussen mensen en de vele veranderlijke leefwerelden waarin deze plaatsvinden. Therapie voor menselijke problemen is soms ook samen zoeken naar hoe belangrijke relationele, familiale, sociale en economische betekenissen zinvol bespreekbaar kunnen worden.

<br ><br >Een interuniversitair project van de Katholieke Universiteit Leuven en de Universiteit van Gent bracht me ertoe om een doctoraatsonderzoek in de psychologie uit te voeren. Ik heb me intensief kunnen verdiepen in wat de helpende processen tijdens bemiddeling zijn en hoe kwaliteitsvolle scheidingsregelingen bekomen worden.
</div>
              </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Ervaring in praktijk (Lees verder)</a>
        </h4>
      </div>
      <div id="collapse3" class="panel-collapse collapse">
        <div class="panel-body">Om kwaliteitsvolle therapie te bieden vind ik het belangrijk opleiding te verbinden met praktijk. Hiertoe deed ik elf jaar geleden een klinische stage aan het Centrum voor Geestelijke Gezondheidszorg te Leuven. Ik heb eveneens gedurende verscheidene jaren een assistentschap als therapeut opgenomen in het Centrum voor Relatie en Gezinstherapie (UZ Gasthuisberg). Thans ben ik als klinisch psycholoog en psychotherapeut verbonden aan het Centrum voor Geestelijke Gezondheidszorg Vlaams-Brabant Oost (CGG-VBO) alsook het PsychoTherapie Centrum (PTC) te Overijse.<br ><br > Ik neem regelmatig deel aan twee verschillende intervisiegroepen, seminaries  en doe beroep op supervisie om voeling te houden met nieuwe ontwikkelingen en blijvend een professionele aanpak te kunnen bieden.

Tot slot ben ik erkend door de <a href="https://www.compsy.be/sites/default/files/getuigschriften/getuigschrift_19525_1486557567.pdf"> psychologencommissie  (erkenningsnummer 801115985)</a>. Houdt in dat vertrouwelijkheid en beroepsgeheim alsook een gedegen basisopleiding, praktijkervaring en een permanente bijscholing de ethische pilaren vormen van mijn psychotherapiepraktijk.
</div>
      </div>
    </div>
  </div> 
</div> 

1 个答案:

答案 0 :(得分:2)

我不知道你想要什么,引导手风琴或阅读更多/更少链接或阅读更多/更少的bootstrap手风琴。但是我创建了一个片段看看,可能对你有帮助。

&#13;
&#13;
$(document).ready(function () {
    $('.fulltext').hide();

    $('.blog-item .readmore').click(function (event) {
        event.preventDefault();
        $(this).parent().find('.fulltext').slideToggle('slow');
        $(this).text($(this).text() == 'Read less...' ? 'Read more...' : 'Read less...');
    });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="blog-item">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at urna ac
        leo vulputate egestas a ut odio. In hac habitasse platea dictumst. Donec
        in erat velit, eu ultricies diam. 
        
    </p>
        <p class='fulltext'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at urna ac
            leo vulputate egestas a ut odio. In hac habitasse platea dictumst.</p>
    <a class="readmore" href="#">Read more...</a>
</div>
&#13;
&#13;
&#13;