SO - 20320699

by Arun P Johny

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script>
<form ng-submit="" ng-repeat="app in apps">
    <div class="container">
        <div class="single-app" >
            <div class="checkbox">
                <label><input type="checkbox" class="check-app"/>{{app.name}}</label>
            </div>
            <img src="{{app.url}}" height="140" width="140"/>
            <div class="description">
                <textarea></textarea>
            </div>
        </div>
    </div>
</form>

JavaScript

var app = angular.module('my-app', [], function () {

})

app.controller('AppController', function ($scope) {

    $scope.apps = [{
        name: 'App 01',
        url: '//placehold.it/32/ff0000'
    }, {
        name: 'App 02',
        url: '//placehold.it/32/00ff00'
    },{
        name: 'App 03',
        url: '//placehold.it/32/0000ff'
    }];
})

$(document).ready(function () {
    $(".description").hide();
    $(document).on('click', '.check-app', function () {
        $(this).closest('.single-app').find('.description').stop(true, true).fadeToggle();
    })
});