toggleClass を機能させることができません。ここに jsFiddle があります: http://jsfiddle.net/edddotcom/V6VHX/
画像をクリックすると、 .mid クラスを削除してテキストの色が変わるはずですが、現時点では何もしていません。
JavaScript は次のとおりです。
$(document).ready(function(){
$("#image").click(function(){
$("p").toggleClass(".mid");
});
});
そしてHTML
<div class="container">
<div class="row">
<p>HELLO</p>
<p class="mid">HELLO</p>
<img id="image" src="http://icons.iconarchive.com/icons/artua/mac/512/Earth-icon.png"/>
</div>
</div>
CSS は基本的に、.mid クラスが赤いテキストであると言っているだけです。必要な場合は、jsFiddle を参照してください。
私は何が欠けている/間違っていますか?