jQuery複数のアクションを一度に

Question

私はjQueryでいくつかの意味を作ろうとしていますが、私はjavascriptで作業したことがないので、少し問題があります。

基本的に何をしようとしていますか？

私はこのコードのビットがあります

<div>  
    <a href="#"> Text 1 </a> 
</div> 
<div class="col-sm-5"> 
    <span class="text show" style="display: none">sometext</span> 
    <img src="someimage.png"> 
</div> 

を、私は次のように変更したいと思います：

<div>  
    <a href="#"> Text 1 CHANGED</a> 
</div> 
<div class="col-sm-5"> 
    <span class="text show">sometext</span> 
    <img src="someimage.png" style="display: none> 
</div> 

「テキスト1」のリンクをクリックした後。変更の

一覧： 変更リンクテキスト、テキストや他の方法

たびに、私は後方と前方の、他のバリエーションに切り替えることになっているリンクをクリックするための スイッチイメージ。

私は、主にjavascriptsで見つけたいくつかの解決策を試しましたが、私は彼らと一緒に働いたことがないので、動作させることができませんでした。

http://jsfiddle.net/j999y/2362/

Answer 1

あり、あなたがやりたいことやって、多くの方法がありますが、最も直接的には、おそらくこのようなものです：

$('.text').click(function() { 
 
    $('.text.show').toggle(); 
 
    $('.image').toggle(); 
 
    $(this).text('Text 1 CHANGED'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>  
 
    <a href="#" class="text">Text 1</a> 
 
</div> 
 
<div class="col-sm-5"> 
 
    <span class="text show" style="display: none">sometext</span> 
 
    <img class="image" src="https://lh3.googleusercontent.com/L8b2jHW8ttKu2spXcN6yUjocE_yIBG3E-bBot66cUOj_KsVCm6WcW5A-mxkKM4al6FI=w300-rw"> 
 
</div>