Here, this shows the toggling functionality you wanted: http://jsfiddle.net/q6NDn/1/
You weren't checking what was already selected, but were simply trying to hide everything with every click. By checking for the already selected thing, you can actually slide closed the open artist div.
$(document).ready(function() {
$(".artist-box").hide();
$(".artist-logo").click(function(event) {
event.preventDefault();
// get the clicked element
var clicked = $(this);
// get the selected element
var taggedWithSelect = $('.selected-artist');
// get the corresponding divs
var clickPartner = $(clicked.attr('href'));
var selectPartner = $(taggedWithSelect.attr('href'));
// we either want to close this one or open this one and close any others
// if this one is open, it should be tagged with select
if( clicked.hasClass('selected-artist') ) {
clicked.removeClass('selected-artist');
} else {
clicked.addClass('selected-artist');
taggedWithSelect.removeClass('selected-artist');
selectPartner.slideToggle();
}
clickPartner.slideToggle();
});
});